viewport - user-scalable = yes не работает

Я разрабатываю приложение Phonegap на основе android sdk и Eclipse. Просто взял код по умолчанию и добавил <meta> для масштабируемости, но он не позволяет мне увеличивать или уменьшать масштаб в устройстве Android SGS2. (Не проверен на iPhone, потому что я не имею.)viewport - user-scalable = yes не работает

Код выглядит следующим образом:

<!DOCTYPE HTML> 
<html> 
    <head> 
    <meta name="viewport" 
     content="user-scalable=yes" /> 
    <!--<meta name="viewport" 
     content="user-scalable=yes, 
       initial-scale=1, 
       maximum-scale=4, 
       minimum-scale=1, 
       width=device-width, 
       height=device-height, 
       target-densitydpi=device-dpi" /> 
       --> 
    <title>First App</title> 
    <script src="cordova-2.2.0.js"></script> 
    <script> 
    function onLoad(){ 
      document.addEventListener("deviceready", 
       onDeviceReady, true); 
    } 
    function onDeviceReady(){ 
       navigator.notification.alert("PhoneGap is working!!"); 
    } 
    </script> 
    </head> 
    <body onload="onLoad();"> 
     <h1>Welcome to PhoneGap</h1> 
     <h2>Edit assets/www/index.html</h2> 
    </body> 
</html>

источник

2013-08-18 Bush

На Android, вы также включить возможность изменения масштаба после loadUrl, как это?

super.loadUrl(Config.getStartUrl(), 80000); 

WebSettings settings = super.appView.getSettings(); 
settings.setBuiltInZoomControls(true); 
settings.setSupportZoom(true);

Лично, если вам действительно не нужно его поддерживать, включение масштабирования действительно вызывает проблемы.

источник

2013-08-19 15:06:06 Noogen

Попробуйте использовать вместо да для пользователя масштабируемый:

<meta name="viewport" content="user-scalable=1" />

Он может быть установлен либо да или

The гается масштабируемое свойство преобразуется в «user-zoom» со следующими параметрами va lue.

да и нет, переведены на «зум» и «исправлены» соответственно.
Числа ≥ 1, числа ≤ -1, устройство-ширина и высота устройства отображаются на «» увеличения
числа в диапазоне < -1, 1>, и неизвестные значения, отображаются в «фиксированных»

См Ссылка:

W3C CSS Device Adaptation Spec: user-scalable

И это:

http://dev.w3.org/csswg/css-device-adapt/

источник

2014-10-30 14:46:09

viewport - user-scalable = yes не работает

ответ

Смежные вопросы