Question

我希望这只是一个糟糕的梦想，但是当我在Photoshop中测量两个元素的宽度时，我得到的大小不正确。

    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>

<style>* { margin: 0; padding: 0; border: 0: border-collapse:collapse;}</style

</head>



<body>

  <table width="129" border="0" cellpadding="0" cellspacing="0" style="width:129px; height:18px;background-color:black;">
    <tr>
        <td>&nbsp;</td>
    </tr>
</table>
Renders above table as 134 pixels

<br/>

<div style="width:29px;height:18px;background-color:Black;"></div>
    
Renders above div as 30 pixels
</body>
</html>

Answer 1

您的浏览器缩放级别是100％吗？经过IE7 / 8/9的测试，测量结果与129px和29px相匹配，但放大了一个等级（105％），就像你提到的134px和30px一样。

Internet Explorer错误地呈现元素的宽度

1 个答案: