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
时间: 2024-08-07 04:30:56