HTML 中的视口是什么？您能否举例说明如何访问视口详细信息？
什么是 HTML 中的视口。
IT技术
javascript
html
viewport
2021-03-19 14:19:41
5个回答
视口是用户当前可以看到的网页部分。滚动条移动视口以显示页面的其他部分。
if (typeof window.innerWidth != 'undefined')
{
viewportwidth = window.innerWidth,
viewportheight = window.innerHeight
}
我认为这ViewPort只是在浏览器中显示 Web 内容的一个区域。并且不同浏览器对 的大小有自己的设置ViewPort，比如ViewPortSafari的默认宽度是 980 像素。所以，如果你想要查看的实际网页小于980像素，默认情况下在Safari中访问网页时，Safari中应该有一个空白的显示区域。因此，这就是有时我们需要配置ViewPort更好的 Web 内容在浏览器中显示的原因。
像下面这样，例如：
<meta name="viewport" content="width=device-width">
也请阅读保罗的回答。我想他已经解释了ViewPort.
视口是浏览器渲染引擎用来确定内容在当前屏幕上初始渲染时如何缩放和大小的虚拟区域。这将帮助您：
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
视口是您网页在浏览器上的可视区域。通过使用<meta name="viewport"您可以设置网站内容在不同设备上的呈现方式。我个人喜欢使用：
<meta name="viewport" content="width=device-width, initial-scale=1.0>
视口区域是设备上用户可见的区域，元标记用于根据视口设置页面内容宽度，以便根据视口宽度缩小或放大页面内容。MDN [https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag] 上的一个很好的解释。