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

要继续您的次要问题，通过设置相对于设备宽度的视口宽度，这显然适用于不同的视口大小，并且与媒体查询兼容。

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

初始规模，媒体查询

2 个答案: