IE中的边框看起来比Chrome中更厚

时间:2013-04-05 10:21:49

标签: html internet-explorer google-chrome border

我遇到了以下问题:我创建了一个html表。在该表的某些列上,我的css使用以下语法应用右边框:

 .right-border {
     border-right: 1px solid @tableBorderColor;
 }

Chrome中的边框看起来不错。但是,当我切换到IE时,边框看起来像是2px而不是1px。有人知道如何解决这个问题吗?

2 个答案:

答案 0 :(得分:5)

对所有试图回答我问题的人表示抱歉:

但正如我刚想的那样 - 我只是愚蠢地使用我的浏览器缩放。看起来我昨天更改了浏览器的缩放级别以进行测试,之后忘了将其设置回来。因此,当我今天检查边框厚度时,由于缩放级别,它看起来像2px。由于我在同一页面上有一些div也有1px边框并且显得正常我只是有点困惑并且认为IE必定有问题。

对所有人抱歉!

答案 1 :(得分:0)

如果你不能给我们一个小提琴来检查代码,我会建议把DIV放在里面,给一些风格很容易,同时避免跨浏览器失败(包括FF和IE)

<table>
    <tr>
        <td><div>lorem ipsum</div></td>
        <td><div>lorem ipsum</div></td>
        <td><div>lorem ipsum</div></td>
    </tr>
</table>
编辑:我看到你现在回复......至少解决起来很简单!!