移动端布局视口的大小是怎么衡量的呢?

2019-01-06 22:02:21 +08:00
 caopi

在研究 1PX 问题的时候,了解到通过 scale:0.5 可以实现 1px 问题的解决。

在我学习的时候,了解到缩放是不影响到 layout viewport 的,改变的是 vistual viewport 的大小。但是这样的话 scale 变成 0.5,vistual viewport 变大,layout viewport ( device-width 的情况下)不变的话。那么 layout 不是应该是显示成 vistual viewport 四分之一大小(也就说可视区域的 4 分之一,在屏幕上占据 4 分之一的空间吗)

是我理解的不对吗,实际上并不是这样的

1156 次点击
所在节点    问与答
2 条回复
caopi
2019-01-06 22:24:47 +08:00
搞不明白。。。
Sparetire
2019-01-07 02:25:37 +08:00
我一直觉得应当从几种单位之间的比例关系的角度来理解 viewport,而不是从三种 viewport 的角度来理解,虽然它们本质上都一样。。
https://github.com/ta7sudan/note/blob/master/js/移动端的适配--viewport.md

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

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

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

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

© 2021 V2EX