首页 > 代码库 > 移动设备web端开发笔记
移动设备web端开发笔记
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="http://www.mamicode.com/..." class="img-responsive" alt="响应式图像">
五、全局显示、排版和链接
scaffolding.less
六、避免跨浏览器的不一致
Normalize.css
七、容器
<div class="container"> ...</div>
kendo-UI
移动设备web端开发笔记
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。