构建HTML5+响应式设计网站

2013-09-04
  • 696
  • 0

很多主流的网站我们看到越来越多精致的设备兼容,无论PC,平板还是手机,对于网站的浏览都没有任何视觉上的障碍,不会影响到阅读和点击,尤其是手机端的交互,追求app是的设计也成为网站主所极其关注的,这就是响应式设计;

流式布局、栅格化设计或者函数判断当前屏幕大小而使用不同的css样式,从而达到显示你想要展示的画面的效果;

设备规格的不统一确实给前端工作者带来了相当大的麻烦,我们需要不断的根据不同的标准为不同的分辨率写css,前端效果;Bootstrap是一个简单易用的前端框架,他最大的两点就是css的可编程化,使用lesscss更有效的解决你的兼容性和分辨率变化问题,同时bootstrap也是一个强大的响应式网站设计框架,使用他提供的框架,就可以实现响应式网站的设计,现在随着我们对于用户体验的要求提升,我们越来越多的发现bootstrap的使用者;

选择合适的工具,构建属于自己的Html5网站,bootstrap不是革命性的,但是他对于前端开发者来说,是最实用的左膀右臂。