初始比例，媒体查询

Question

我有一个原生的移动网站，它应该适用于不同的视口大小，但不是通过媒体查询更改属性，我只想更改网站的初始比例。 如何更改不同视区尺寸的初始比例？ 它与媒体查询？

Answer 1

您可以用JavaScript做到这一点，我已经做了类似这样的：

if (document.documentElement.clientWidth < 480) { 
      document 
       .querySelector("meta[name=viewport]") 
       .setAttribute('content', 'initial-scale=0.4', 'maximum-scale=0.4', 'width=768'); 
     }; 

这是被设计为iPad一个网站，但我希望它向外扩展的iPhone等。

Answer 2

大概的设定的“初始规模”的最常见的方式是通过指示浏览器使用该装置的宽度与视口的宽度：

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

要FOLL对于你的次要问题，是的，这显然适用于不同的视口尺寸，通过设置相对于设备宽度的视口宽度，并且与媒体查询兼容。

本文提供了更多详细信息：http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html