防止Android浏览器在旋转时进行缩放,而无需将target-densitydpi设置为device-dpi

时间:2012-08-30 06:41:16

标签: android html css web-applications mobile-website

现在我正在使用以下视口元标记:

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densitydpi=medium-dpi, user-scalable=0" />

中等dpi缩放似乎在默认易读性方面获得了最佳效果。在大多数页面上,当我在纵向和横向之间旋转时,缩放保持在该级别,但是,在我有定向媒体查询的页面上,触发更高的缩放级别,这是不希望的。

我知道可以使用target-densitydpi=device-dpi来解决,但在高分辨率的Android手机上这看起来不太好,所以我宁愿保留{{1} }。

我认为上面的元标记应该在中等dpi锁定缩放是否正确?另外,有没有办法阻止缩放/缩放旋转?

1 个答案:

答案 0 :(得分:0)

有了以下内容,我从未遇到过你的问题

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