这个'viewport'的大小是多少?

时间:2017-05-13 07:42:09

标签: javascript css viewport

PPK在文章A tale of two viewports — part one中说视口是窗口的大小(由CSS像素测量)。并且视口的宽度是document.documentElement.clientWidthwindow.innerWidth的值。但是当缩放到100%时,这两者的结果相等。但是,放大时,window.innerWidth的值会减小,而document.documentElement.clientWidth的值会保持不变。以下是问题:

  1. 如何获得视口的大小?
  2. 文章还提到元素'html'与视口一样宽。我想知道放大或缩小时是否属实?
  3. 如果有人能回答我的问题,我将非常感激。

1 个答案:

答案 0 :(得分:0)

  1. 在CSS中,只需使用单位vw作为宽度,vh作为高度,就像通常使用px
  2. 一样
  3. 经过一些测试后我发现当你放大html的宽度时会缩小。 CSS的视口单元描述了innerHTML以及