我正在网站上工作，并试图让它适用于许多不同的屏幕。为此，我使用<meta name="viewport" content="width=device-width">。这适用于我网站上的许多页面，但不是全部。出于某种原因，它不适用于我网站上的所有页面。我唯一的解决方案是使用添加initial-scale=.315（此数字仅适用于iPhone），因此我的完整meta语句如下所示：<meta name="viewport" content="width=device-width, initial-scale=0.315>。
我的问题是，由于我想支持多种设备屏幕尺寸，我需要能够根据设备宽度更改此数字。我知道我可以用Javascript来做，但是我被告知不要在网站上使用javascript。
你们都知道为什么width=device-width无效吗？有没有办法可以在不使用Javascript的情况下更改initial-scale？
非常感谢您的帮助。