0

保持简短而甜蜜；我的问题如下： 当我在 Internet Explorer、Firefox 或 Google Chrome 中查看我的表单时；表单按预期显示。

当我在 ipad（或 ipod touch...）上查看此表单时，该表单未按应有的方式显示，它会在您放置在其中的任何容器（固定宽度或自动）上“交错”，并且看起来完全可怕至少！下面链接的图片说明了我遇到的问题。

如果有人有一些建议，我可以尝试强制表格在 I-OS 平台内正确对齐，那太好了！

PS - 在基于 Android 的索尼爱立信 Xperia 上查看时，表格显示正确！

问题图片 （请参阅下面链接中的图片 -> http://imgur.com/a/1aB2j <- 用于图片）

使用的 HTML

<p><b>Add a user:</b></p>
<form action='adminmanageuser.php?addconf=yes' method='post'>
<input type='checkbox' checked name='unamecheckbox'>
<br><br><div style='width: auto; text-align:left; display: block;'>
<label class='adduser' for='access'>User Type:</label><select name='access'>
<option value='0'>-- -- -- -- -- -- -- -- -- -- --</option>
<option value='2'>Student</option>
<option value='3'>Teacher</option>
<option value='5'>Admin</option>
</select><br>
<label class='adduser' for='access'>Forename:</label><input type='text' name='fname'><br>
<label class='adduser' for='sname'>Surname:</label><input type='text' name='sname'><br>
<label class='adduser' for='uname'>Username:</label><input type='text' name='uname'<br>
<label class='adduser' for='pass'>Password:</label><input type='text' name='pass'><br>
<label class='adduser' for='year'>Yeargroup:</label><input type='text' name='year'><br
<label class='adduser' for='form'>Formgroup:</label><input type='text' name='form'><br
<input type='submit' style='margin-left: 9em;' value='Add User'>
</form>
</div>

使用的 CSS

label.adduser
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    width: 7em;
    float: left;
    text-align: right;
    margin-right: 0.5em;
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    display: block
}
input[type='text']
{
    padding: 2px;
    border-color: gray;
    border-width: 2px;
    box-shadow: none
    font-size: 15px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    width:12em;
}
4

0 回答 0