Question

是否可以在

之前使用JavaScript函数

<meta name="viewport" content="width=device-width; initial-scale=1.0; ">

设置比例数字，正确定位每个移动设备的宽度？例如，在JavaScript中我们有

if (window.devicePixelRatio == 0.75)

我们制作元标记：

<meta name="viewport" content="width=device-width; initial-scale=1.4; ">

和

 if (window.devicePixelRatio == 1.5)

我们制作元标记：

<meta name="viewport" content="width=device-width; initial-scale= 0,75; ">

所以页面在加载时会放大或缩小，以完全适合设备宽度。

如果可能的话，请你发一个例子。

Answer 1

经过长时间的研究后，我找到了解决这个问题的方法。我没有找到通过JavaScript控制规模的方法，但我找到了另一种实用的方法。我希望它对其他程序员有用。

假设你有一个250px的页面宽度，你想为android做一个webview应用程序。并且您的页面没有响应，因此您有一个固定的宽度。你也试过

＆LT; meta name =“viewport”content =“width = 250”＆gt;

并没有为你效劳。

使用它将.css添加到您的页面并根据需要调整数字。

@media screen and (max-width: 320px) { 
html { zoom: 120%; } 
}

@media screen and (max-width: 400px) { 
html { zoom: 150%; } 
}

@media screen and (max-width: 800px) { 
html { zoom: 220%; } 
}

@media screen and (min-width: 801px) { 
html { zoom: 230%; } 
}

所以带有元素的页面缩放得很好，以适应打开webview应用程序的Android设备。我通过android获得的最大宽度是240 320 400 480 533 600 800 或者你可以为每50或100个工作，你有一个变焦值250 300 350 400 ..等等

用于设置初始Scale的JavaScript

1 个答案: