html - 视觉视口(viewport)和布局视口(viewport)之间的区别?

标签 html css ipad mobile-website viewport

iPhone/iPad 等移动设备的视觉视口(viewport)和布局视口(viewport)有什么区别?

网上查了很多资料,还是不清楚。

最佳答案

视觉视口(viewport)是当前显示在屏幕上的页面部分。

布局视口(viewport)可以比视觉视口(viewport)宽得多,并且包含出现和不出现在屏幕上的元素。

将布局视口(viewport)想象成一个不会改变大小或形状的大图像。现在想象你有一个较小的框架,通过它你可以看到大图像。小框架被不透明的 Material 包围,除了大图像的一部分之外,您只能看到一部分。您可以透过框架看到的大图像部分是视觉视口(viewport)。您可以在按住框架的同时从大图像后退(缩小)以立即查看整个图像,或者您可以靠近(放大)以仅查看一部分。您还可以更改框架的方向,但大图像(布局视口(viewport))的大小和形状永远不会改变。

有关此问题的详细处理,请参阅:http://www.quirksmode.org/mobile/viewports2.html

关于html - 视觉视口(viewport)和布局视口(viewport)之间的区别?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6333927/

相关文章:

php - 将表单中的数据插入表不起作用,不返回错误

html - CSS Browser hack for ≥ IE10, Index was outside the bounds of the array

css - style.css wordpress 模板菜单对齐

iphone - 如何使用 UITextInputMode

xcode - iPad Pro 尺寸分类

html - 实现具有不同行高的流畅图片网格

html - CSS 导致元素向上移动

html - CSS 旋转箭头具有幻象高度

jquery - .closest .prev jquery 无法专注于上面的 A 标签

iphone - UITapGestureRecognizer 忽略网络链接请求