jal*_*bam 7 html css viewport metatag cordova
我正在尝试调整并将旧项目移植到PhoneGap.
到目前为止,该项目在Android浏览器下正常运行,但它不适用于PhoneGap,因为它不适应内容以适应整个屏幕.它总是留下一个空白,这不是我想要的.PhoneGap似乎没有注意我正在使用的元标记中的视口属性.
我一直在做一些测试来找出问题而没有任何结果.
例如,以下测试只包含两个文件:index.html和config.xml
它包含一个宽度为276像素的DIV,我希望PhoneGap能够像Android浏览器一样使它适合整个页面.
顺便说一句,我正在使用PhoneGap Build网站在线构建此测试.
以下是index.html文件的内容(我没有使用DOCTYPE使其更简单,但即使使用它也无法正常工作):
<html>
<head>
<meta name="viewport" content="width=276, user-scalable=yes" />
<title>Title</title>
</head>
<body>
<div style="width:276px; background-color:orange;">I want to make this div fit to the page</div>
</body>
</html>
这是config.xml文件的内容(注意首选项EnableViewportScale设置为"true",但即使设置为"yes"也不起作用):
<?xml version="1.0" encoding="UTF-8" ?>
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
id = "com.phonegap.example"
versionCode="10"
version = "1.0.0">
<!-- versionCode is optional and Android only -->
<name>PhoneGap Example</name>
<description>
An example for phonegap build docs.
</description>
<author href="https://build.phonegap.com" email="support@phonegap.com">
Hardeep Shoker
</author>
<preference name="EnableViewportScale" value="true" />
</widget>
就是这样.有什么我做错了吗？我怎样才能实现我想做的事情？我相信它应该有一个非常简单的解决方案,但我现在找不到它.
非常感谢你,对我的英语感到抱歉,这不是我的母语.
干杯,琼
小智 1
尝试
<meta name="viewport" content="width=276, user-scalable=1" />
或者 如果将以下行添加到onCreate() 方法中：
WebSettings settings = this.appView.getSettings();
settings.setSupportZoom(true);
settings.setBuiltInZoomControls(true);
或 尝试使用 iScroll 4 ( http://cubiq.org/iscroll-4 ) 捏合/缩放