什么是在HTML中的视口。

什么是HTML中的视口？ 你可以举一些如何访问视口细节的例子吗？

Answer 1

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

按照这篇文章的说明在Javascript中获取视口尺寸 。

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

Answer 2

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

如下所示，例如：

 <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" />

Answer 4

视口是网页的用户可见区域。

每个设备的视口都不相同，手机的视口比计算机屏幕小。

在平板电脑和手机没有上市之前，网页只能用于计算机屏幕，网页的静态devise和固定大小是很常见的。

然后，当人们开始使用平板电脑和手机浏览互联网时，固定大小的网页太大而不适合视口。 为了解决这个问题，Mobile Safari引入了“视口元标记”（ safari文档 ），让Web开发人员控制视口的大小和比例。 现在许多其他的移动浏览器都支持这个标签，虽然它不是任何networking标准的一部分。

 <meta name="viewport" content="width=device-width,initial-scale=1"> 

这将告诉浏览器将内容的宽度设置为设备本身的宽度，并将该内容的比例调整为1。

在这里了解更多关于视窗forms： http : //fend-tricks.com/responsive-web-design-with-viewport/

Answer 5

视口是浏览器上网页的可视区域。通过使用<meta name="viewport"您可以设置网站内容在不同设备上的呈现方式。 我个人喜欢用： <meta name="viewport" content="width=device-width, initial-scale=1.0>