0

我有一个本机移动网站，它应该适用于不同的视口大小，但我不想通过媒体查询更改属性，我只想更改网站的初始规模。

如何更改不同视口大小的初始比例？与媒体查询一起使用吗？

4

2 回答 2

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 等。

于 2013-02-15T11:52:09.453 回答
1

可能最常见的设置“初始比例”的方法是指示浏览器使用设备的宽度作为视口的宽度：

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

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

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

于 2013-02-15T12:25:01.897 回答