2 つの入力要素とテキストエリアを持つフォームがあります。ズームイン/ズームアウトすると、オブジェクトのサイズが変わります。この動作を停止する方法はありますか? 100% ズームでは問題ないように見えますが、ブラウザを 90% ズームまたは 110% ズームで使用すると、歪んだように見えます。
<table class="upload" cellpadding="0">
<tr>
<td>
<p><b>Name:</b></p>
</td>
<td>
<input type="text" name="appname" size="50" maxlength="32">
</td>
</tr>
<tr>
<td>
<p><b>Age:</b></p>
</td>
<td>
<textarea name="adtext" cols="39" rows="2" maxlength="75" style="resize: none;"></textarea>
</td>
</tr>
<tr>
<td>
<p><b>Website:</b></p>
</td>
<td>
<input type="text" name="marketlink" size="50" maxlength="254">
</td>
<td>
<button type="button" onclick="drawAd()">Test link</button>
</td>
</tr>
</table>
CSS:
table.upload {
border-spacing:0;
border-collapse:collapse;
}
table.upload td {
border:0px solid black;
margin:0;
padding:0;
}
table.upload td input{
outline: #388c91;
margin-left:4px;
}
table.upload td textarea{
margin-left:4px;
}
結果: