Questions tagged «viewport»

视口是计算机图形学中的矩形视区,或者是用于光学组件的术语。它在不同的上下文中有几个定义。视口是屏幕的一个区域,用于显示要显示的全部图像的一部分。也可以是一起组成一个布局的一组区域。

9
如何为可正确处理旋转的iPhone设置视口元?
所以我一直在使用: <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0;"/> 使我的HTML内容可以在iPhone上很好地显示。直到用户将设备旋转到横向模式(在此模式下,显示始终限制为320像素),它的效果都很好。 是否有一种简单的方法来指定根据用户更改设备方向而更改的视口?还是我必须使用Javascript来解决这个问题?
76 iphone  html  viewport 



5
以跨浏览器的方式查找视口的确切高度和宽度(无Prototype / jQuery)
我正在尝试找到浏览器视口的确切高度和宽度,但是我怀疑Mozilla或IE给我的号码不正确。这是我的身高方法: var viewportHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight; 我还没有开始做宽度,但是我猜它将会是类似的东西。 有没有更正确的方式来获取此信息?理想情况下,我希望该解决方案也能与Safari / Chrome /其他浏览器一起使用。

1
当还设置了“ initial-scale = 1.0”时,从视口元标记中删除“ width = device-width”的副作用
尽管该<meta name="viewport">标签未标准化,但“由于事实上的优势,它被大多数移动浏览器所尊重”。 它不是真正的Web标准的缺点之一是详细的文档不如其他标准提供。该CSS工作组对这个规范,所以这就是我主要用作为权威著作。 我的主要问题是: 以下声明之间的感知区别是什么? <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="initial-scale=1.0"> 或者询问,这两个@viewport CSS规则之间有什么区别: /* Translated from <meta name="viewport" content="width=device-width, initial-scale=1.0"> */ @viewport { zoom: 1.0; min-width: extend-to-zoom; max-width: 100vw; } /* Translated from <meta name="viewport" content="initial-scale=1.0"> */ @viewport { zoom: 1.0; min-width: extend-to-zoom; max-width: extend-to-zoom; } 我如何得出这些@viewport译文的: width=device-width 至 …
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.