欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

移动Web页面,为什么都喜欢width=device-width,并且关闭系统缩放功能?

如题,这种方式做的移动Web页面,设计稿通常是按照960*640的规格进行设计,再开发的时候,通常会把里面量到的尺寸缩小一半再开发。
<meta name=”viewport” content=”width=device-width, initial-scale=1, maximum-scale=1″>

那既然要缩小一半再开发,为什么不直接设置width=640,然后按照设计稿的尺寸进行开发呢?

对于第一种方法,我暂时能想到好处之后图片缩小了一半,不知道还有什么其他原因促使大家去用width=device-width

5个回答

5
采纳

这涉及到了移动设备(ios, android)的屏幕尺寸问题,device-width指的是设备的物理宽度,width是页面宽度,这么做是为了兼容更多的设备,当然只通过viewport标签还是不够的,还需要配合Media Query进行响应式设计。

这儿有两篇之前翻译的关于viewport的文章,希望有帮助:
http://weizhifeng.net/viewports.html

http://weizhifeng.net/viewports2.html
来自 https://segmentfault.com/q/1010000000305316
 


普通分类: