标签:
Bootstrap 3
一、采用Html5文档类型
<!DOCTYPE html> <html> .... </html>
二、为了让 Bootstrap 开发的网站对移动设备友好,确保适当的绘制和触屏缩放,需要在网页的 head 之中添加 viewport meta 标签,如下所示:
<meta name="viewport" content="width=device-width, initial-scale=1.0">
三、在移动设备浏览器上,通过为 viewport meta 标签添加 user-scalable=no 可以禁用其缩放(zooming)功能。
通常情况下,maximum-scale=1.0 与 user-scalable=no 一起使用。这样禁用缩放功能后,用户只能滚动屏幕,就能让您的网站看上去更像原生应用的感觉。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
四、响应式图像
<img src="..." class="img-responsive" alt="响应式图像">
五、全局显示、排版和链接
scaffolding.less
六、避免跨浏览器的不一致
Normalize.css
七、容器
<div class="container"> ... </div>
kendo-UI
标签:
原文地址:http://www.cnblogs.com/csharphuang/p/4243492.html