Проблема с формами полей ввода в поле «Телефонный зазор»

Я использую PhoneGap вместе с JQuery Mobile и HTML-элементами для реализации моего проекта.Проблема с формами полей ввода в поле «Телефонный зазор»

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" charset="utf-8" src="cordova-1.5.0.js"></script> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="target-densityDpi=device-dpi, width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" /> 
    <title>Meri Mrji</title> 
    <link rel="stylesheet" href="style/main.css"> 
    <link rel="stylesheet" href="style/jmobile.min.css" /> 
    <script src="jquery.js"></script> 
    <script src="jquery.mobile.js"></script> 
    <script type="text/javascript"> 
    </script> 
</head> 
<body> 
    <div data-role="page" id="signup" > 
     <div class="contentwrap"> 
      <section> 
      <div class="sectionhead"> 
        <h1><strong>Sign Up</strong></h1> 
       </div> 
       <form class="forms" action="http://google.com" type="POST"> 
        <h1>Please enter <strong>Your Details</strong></h1> 
        <input type="text" placeholder="Full Name" /> 
        <input type="email" placeholder="Email Address" /> 
        <input type="tel" placeholder="Mobile Number" /> 
        <input type="text" placeholder="Username" /> 
        <input type="password" placeholder="Password" /> 
        <p class="terms"> 
        <a href="#signin" >View Terms</a> 
        <input type="button" value="Click me" class="green_btn" /> 
        </p> 
       </form> 
      </section> 
     </div> 
    </div> 
</body> 
</html>

Щелчок и переход от одной страницы к другой, и каждая другая вещь, кажется, работает нормально. Но всякий раз, когда я нажимаю на любое текстовое поле, чтобы заполнить форму, CSS кажется искаженным и приближенным. Любой, кто сталкивается с той же проблемой с Phone Gap, или знает другой выход.

------------ ------------ EDIT

При запуске, когда приложение запускает resoltion из вьюпорте некоторые

width : 500 ; 
height : 794;

после нажатия на поле ввода его

width : 320 ; 
height : 268;

не существует никакого способа, я могу использовать некоторые

preventdefault() method

или если я могу насильно снова изменить видовое окно назад на ширину: 500 и высота: 794 ??

источник

2012-04-27 Sahil Grover

наконец gotthe решение в какой-то случайный URL: http://uihacker.blogspot.in/2011/01/android-phonegap-scale-webview-to-fit.html

Это машинный код, который, кажется, перекрывает все от Webview и придавая ему согласованный вид с без эффекта масштабирования при нажатии на любое значение входного :)

источник

2012-05-02 17:25:42

Удаление target-densityDpi = device-dpi останавливает масштабирование моего HTC Evo. Более подробная информация о видовых экранах here.

источник

2012-04-27 21:25:37

, но если я сделаю это, он не покажет макет таким же образом и жидкостью, как будто он находится в браузере webkit, когда я проверяю –

Проблема с формами полей ввода в поле «Телефонный зазор»

ответ

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