什么是HTML中的视口.

Question

什么是HTML中的视口？您能举例说明如何访问视口详细信息吗？

Answer 1

视口是用户当前可以看到的网页的一部分.滚动条移动视口以显示页面的其他部分.

按照本文的说明在Javascript中获取视口尺寸.

if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }

Answer 2

我认为这ViewPort只是一个在浏览器中显示Web内容的区域.并且不同的浏览器有自己的大小设置ViewPort,例如,ViewPortSafari 的默认宽度是980像素.因此,如果您要查看的实际网页小于980像素,则默认情况下访问Safari中的网页时,Safari中应该有一个空白的显示区域.因此,有时我们需要ViewPort在浏览器中配置更好的Web内容显示.

如下所示,例如:

<meta name="viewport" content="width=device-width">

还请阅读保罗的回答.我想他已经解释了用法ViewPort.

Answer 3

视口是浏览器呈现引擎使用的虚拟区域,用于确定在最初在当前屏幕上呈现内容时如何缩放和调整内容.这将有助于您:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />