我有一个网页,我正试图在我的安卓设备上(从项目的assets目录加载)使用PhoneGap (它使用一个普通的WebView设置为"appview")显示,但webview完全忽略了以下内容:
<meta name = "viewport" content = "user-scalable=no,width=device-width" />
无论我在这一行中设置了什么(我已经尝试过显式设置缩放、以像素为单位设置宽度/高度等),设备都会完全忽略它,并将网站渲染得非常小,并锚定在屏幕的左上角。我可以使用pinch手势进行放大(即使我显式禁用了上面的html代码的放大),但我希望页面被放大以适合加载时的设备。
有趣的是..。如果我将完全相同的站点放在我的web服务器上,并使用我的测试设备上的默认浏览器导航到它,页面将正确加载(缩放到适合设备的大小)。
请帮帮忙。
谢谢。
EDIT1:
我当前的设置是:
<meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,target-densitydpi=device-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0" />
这也完全被忽略了。
EDIT2:
这里有一些有趣的东西。
<meta name="viewport" content="width=device-width, initial-scale=2.0, maximum-scale=2.0, user-scalable=no" />
上面这行代码在模拟器中将页面缩放到2倍,但在我的设备上没有任何改变(Samsung Epic运行2.2.1)。尽管如此,即使在2倍大小的情况下,页面也不会缩放到仿真器的宽度...我必须将其设置为类似于"initial-scale=2.5“的值。
https://stackoverflow.com/questions/4916983
复制相似问题