像素邊框顯示在鉻

-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

像素邊框顯示在鉻

回答

相關問題