0

携帯電話用のウェブサイトをデザインしています。ポップアップが含まれています。入力ボックスに注目すると、ポップアップが画面の外側（上から）に出たり、真ん中に留まったりすることがあります。初めてモバイル用のウェブサイトを設計しています。私はそれを処理する方法を知りません。ここで、ポップアップを開くために使用するコードです。

JS:

$("#voucher").fancybox({
        'titlePosition':'inside',
        'transitionIn':'none',
        'transitionOut':'none'
  });

HTML:

<div class="voch_txt specific_sprite">Got a voucher, <a id="voucher" href="#inline2">apply it here</a></div>
    <div class="hide">
      <form action="" method="get">
        <div id="inline2">
          <h3 class="vocuher_icon">Apply Voucher</h3>
          <div class="lightbox_col">
            <input name="" class="vocuher_input" value="" type="text"
                   placeholder="Enter 16 digit voucher code here" >                    
            <input value="update my cart total"
                   type="button">
          </div>
        </div>
      </form>
    </div>

頭の中で使用しているビューポートの場合:

<meta name="viewport" content="width=device-width initial-scale=1.0"/>
4

1 に答える 1

0

このビューポートを試してください。最大縮尺とユーザー スケーラブルを設定しても、ページのズームとスケーリングは行われません。

<meta name="viewport"
    content='width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no' />
于 2013-07-01T07:12:17.377 に答える