0

是否可以在之前有一个 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; ">

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

如果可能的话，请您发布一个示例。

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

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

<元名称=“视口”内容=“宽度=250”>

它不适合你。

使用它将 .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 .. 等等

4

1 回答 1

1

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

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

<元名称=“视口”内容=“宽度=250”>

它不适合你。

使用它将 .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 .. 等等

于 2013-02-06T09:24:26.420 回答