0
뷰포트 메타 태그를 사용하여 장치 레이아웃 너비보다 큰 HTML 레이아웃을 축소하려고합니다. 그러나 뷰포트 메타가 무시되고있는 것처럼 보입니다.Cordova 6.3.1이 뷰포트 메타 태그를 무시합니다.
나는 코르도바 6.3.1 CLI 및 테스트를 위해 다음과 같은 간단한 HTML 파일을 사용하고 있습니다 :
<?xml version='1.0' encoding='utf-8'?>
<widget id="com.example.myapp" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<feature name="Whitelist">
<param name="android-package" value="org.apache.cordova.whitelist.WhitelistPlugin" />
<param name="onload" value="true" />
</feature>
<name>My App</name>
<description>My App Desciption</description>
<author email="[email protected]" href="http://www.example.com/">
myself
</author>
<content src="index.html" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<allow-intent href="market:*" />
<icon density="ldpi" src="icons/drawable-ldpi/ic_launcher.png" />
<icon density="mdpi" src="icons/drawable-mdpi/ic_launcher.png" />
<icon density="hdpi" src="icons/drawable-hdpi/ic_launcher.png" />
<icon density="xhdpi" src="icons/drawable-xhdpi/ic_launcher.png" />
<icon density="xxhdpi" src="icons/drawable-xxhdpi/ic_launcher.png" />
<icon density="xxxhdpi" src="icons/drawable-xxxhdpi/ic_launcher.png" />
<preference name="loglevel" value="DEBUG" />
</widget>
을하지만이 중 어느 것도 내 HTML 페이지를 조정하지 다음과 같이
<html>
<head>
<meta charset="utf-8">
<!--<meta name="viewport" content="width=600" />-->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<title>Test</title>
</head>
<body>
<!--<div style=" background:#CCC; width: 1280px; height: 800px;"></div>-->
<img src="test.jpg" width="1280" height="800"/>
</body>
</html>
구성의 XML입니다 아래로 내려 화면에 맞 춥니 다. Android 4.4 및 5.1에서 테스트했습니다.
일부 설정이 누락 되었습니까?
UPDATE는
나는 63 %로 내 웹 페이지의 크기를 조절하기 위해 다음과 같이 내가에서 onCreate 메소드를 업데이트 할 수 있다는 것을 알아 낸. 그러나 여전히 뷰포트 태그는 에서이 해결 방법으로 어떤 역할도 수행하지 않습니다. 단순히 제거하면됩니다.
public class MainActivity extends CordovaActivity
{
@Override
public void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
if (appView == null) {
init();
}
// If keepRunning
this.keepRunning = preferences.getBoolean("KeepRunning", true);
((WebView) appView.getView()).getSettings().setUseWideViewPort(true);
((WebView) appView.getView()).setInitialScale(63);
appView.loadUrlIntoView(launchUrl, true); // Set by <content src="index.html" /> in config.xml
}
}
cordova 6.5.0을 사용하는 모든 솔루션? 미리 감사드립니다. Nicholls – jdnichollsc