这句话 meta name="viewport" content="width=device-width, initial-scale=1.0" 是干嘛用的?

2014-05-19 11:06:39 +08:00
 89569970
在linode.com和wehoton.com的页面源码中同时看到了这样一句话,请问这句写上,就能使网页自动适应不同设备的分辨率了吗.兼容电脑 ipad iphone和android设备了吗.
25489 次点击
所在节点    问与答
7 条回复
test1122
2014-05-19 11:30:30 +08:00
是的
guchengf
2014-05-19 11:35:06 +08:00
83f420984
2014-05-19 11:39:16 +08:00
禁止页面缩放的,比如一个固定宽度的网页在手机浏览时,如果没有这句话,手机浏览器就会出现左右滚动条,需要要手指来回拖动看到想要看到的信息
housne
2014-05-19 11:47:11 +08:00
HTML 是语义化的,可以看出 这句话是说 把页面宽度设置为设备宽度,初始化的缩放为1, 并没有禁止缩放 ...
89569970
2014-05-19 12:11:35 +08:00
那就是说,仅此一句,还是不能处理好各种设备不同分辨率下的显示问题,还需做什么工作才能适应不同设备呢.
chairuosen
2014-05-19 12:15:34 +08:00
@89569970 media query
imgqb
2014-05-19 12:52:27 +08:00
@89569970 移动开发其实要做到工作很多 http://davidbcalhoun.com/2010/viewport-metatag/ 一共7篇文章(链接在文底,这是第一篇) 从viewport开始

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/113196

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX