码迷,mamicode.com
首页 > 移动开发 > 详细

移动设备web端开发笔记

时间:2015-01-23 11:02:38      阅读:198      评论:0      收藏:0      [点我收藏+]

标签:

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


移动设备web端开发笔记

标签:

原文地址:http://www.cnblogs.com/csharphuang/p/4243492.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!