如何强制网页在所有设备中具有相同的比例?

时间:2019-06-01 19:14:44

标签: javascript android html ios webview

我的网页需要显示在应用程序中。在Android版本中显示时,它是iOS版本中的3倍。

这可能是由于每个应用程序的Web视图中的设置所致,但是我没有制作该应用程序,因此无法对其进行任何更改。我唯一可以更改的是我的网页,它是一个JavaScript Google Map,在Android应用中地图标记变得非常大。

那么有什么事情可以使我的网页具有相同的缩放比例,而不管Webview设置或应用设置如何?

2 个答案:

答案 0 :(得分:0)

据我所知,您的网页必须以类似于-

的代码来开发以适合所有屏幕
  1. vw / vh,%等
  2. 媒体屏幕配置

您的设备除非经过如此设计,否则无法从外部控制网页的内容。

答案 1 :(得分:0)

如果是网页,请尝试将其添加到HTML的head标签中

<meta name="viewport" content="initial-scale=1, maximum-scale=1,  width=device-width">