0

ブラウザ ウィンドウを iphone レイアウトに縮小すると.... 別のレイアウトが表示されます.... 問題は、テキスト フィールドの右側が切り取られていることです... 修正方法...以下のコード.....

http://jsfiddle.net/jPvzL/1/

<input type="text" placeholder="Company Name " name="fullname" maxlength="30" required="required" id="id_username">
<input type="text" placeholder="Contact Name" name="company" maxlength="30" required="required" id="id_company">
<input type="text" placeholder="Address1" name="email" maxlength="75" required="required" id="id_email">
<input type="password" placeholder="Address2" name="password" maxlength="16" required="required" id="id_password">
<input type="password" placeholder="Address3" name="repassword" required="required" id="id_repassword">
<input type="text" placeholder="City " name="fullname" maxlength="30" required="required" id="id_username">
<div class="controls">
    <select name="select" id="state" style="width: 300px;height: 38px;">
        <option value="California" selected="">California</option>
        <option value="New York">New York</option>
        <option value="Texas">Texas</option>
    </select>
</div>
<input type="text" placeholder="Zip" name="email" maxlength="75" required="required" id="id_email">
<div class="controls">
    <select name="select" id="country" style="width: 300px;height: 38px;">
        <option value="USA" selected="">USA</option>
        <option value="India">India</option>
        <option value="Korea">Korea</option>
        <option value="Vietnam">Vietnam</option>
    </select>
</div>
<input type="text" placeholder="Phone" name="company" maxlength="30" required="required" id="id_company">
<input type="text" placeholder="Fax" name="email" maxlength="75" required="required" id="id_email">
<input type="password" placeholder="Email" name="password" maxlength="16" required="required" id="id_password">
<input type="text" placeholder="URL" name="company" maxlength="30" required="required" id="id_company">
<input type="text" placeholder="GL Account" name="email" maxlength="75" required="required" id="id_email">
<input type="password" placeholder="" name="password" maxlength="16" required="required" id="id_password">
<textarea name="inquiry" placeholder="Notes" rows="3" required="required" id="id_inquiryForm" style="width:290px;"></textarea>
4

2 に答える 2

0

#signup-modal div の幅が 125px に設定されているようです。入力に合わせて正しいサイズになるように増やしてください。または、「overflow:hidden」を削除します

于 2013-03-26T19:53:08.600 に答える
0

この問題は数週間前に発生しました。CSS がどのように見えるかわかりませんが、入力フィールドにパーセンテージ幅を追加してみてください:

form input{width: 99%;}

YMMV。テキストエリアに何かを追加し、フィールドを選択し、必要に応じてパーセンテージを微調整する必要がある場合もあります。

于 2013-03-26T19:58:16.330 に答える