像素边框显示在铬

-2

在以下网页http://achi.co/about.php 像素边框显示在铬

迈向前躯的底部，有一些箱子，每个里面显示的数字。在谷歌浏览器中，“+”和“6”在右边界上可以被描述为一个小的1px行。

所有这些箱子是语义上不具备此1px的线路上的其他框，这个问题仅限于Chrome和Firefox

我不确定为什么它被渲染，以及如何摆脱的。

有什么想法？

来源

2013-02-17 Adam Scot

我没有看到任何理由使用百分比作为这些框的宽度。我建议你使用'width：106px;'并居中一点。 – 2013-02-17 19:55:55

这个网站是响应式的 - 我没有选择，只能使用百分比 – 2013-02-17 20:02:16

我认为你的意思是流体，你仍然可以有一个固定宽度的响应网站。 – 2013-02-17 21:09:50

这不是边框。这是因为后面的元素（显示在悬停上）比前面的元素宽1px。您应该尝试将这两个元素设置为width: 106px。

事实上，如果您将浏览器窗口大小调整为760像素左右，您会注意到红色突出部分远远大于1px。

来源

2013-02-17 19:53:57

前面的元素宽度为3000px，比整个站点上的任何元素都宽... 为什么“1px边框”不一致并显示在所有框中？ *我知道这不是一个边框 - 但我是这样描述的 – 2013-02-17 19:55:57

不，它不是。我的浏览器窗口宽1657px。朝着有问题的元素前进：html：1657px;身体：1657px; .container：1657px; .row.push：1000像素; .twelvecol.last：790px; .fact.twocol：107px。现在，谨慎解释downvote？ – 2013-02-17 19:59:46

@JezenThomas：我给出了建议一个固定宽度的解决方案完全流畅的布局downvote。 – randomguy 2013-02-17 20:02:00

的基本品红十岁上下框的怪异行为是因为这一点：第27行

.row .twocol { 
    width: 13.44%; 
}

的width值更改为13.48%

在 1140.css
似乎解决这个问题。

关于变得可见边界，如果视足够小：

如果不是故意的，一个简单的办法是改变这里的margin-right：

在styles.css上线452
.lense { 
    ... 
    margin-right: -15px; 
    ... 
} 
要-20px

来源

2013-02-17 20:04:35 SeinopSys

这不是一个通用的修补程序，可以在其他窗口大小中打破。 – randomguy 2013-02-17 20:06:17

这不能解决问题。当视口宽度小于760像素时，仍然会显示大量红色。 – 2013-02-17 20:06:36

像素边框显示在铬

回答

相关问题