放大時如何阻止邊框分裂？

放大頁面並向右滾動。標題底部的1px黑色邊框被切斷了一小段。我該如何解決這個問題？

2013-04-24 Michael Delnor

即使堆棧溢出遭受這個問題。除了在調整尺寸時使用'background-color'外：http://i.imgur.com/9sA7d5C.png – 2013-04-24 02:16:20

做了一個骯髒的黑客。堅韌的工作完美無瑕。

#wrap { 
    width: 100%; 
} 

#header { 
    border-bottom: 1px solid #000000; 
    margin-bottom: -1px; 
}

來源

2013-04-24 02:34:28

謝謝！我清理了一下你的黑客。結果如下。 http://mistcave.com/temp/ – 2013-04-24 02:48:36

把邊框底部財產在你的頭的div

也要注意，如果你使用的是谷歌瀏覽器，你可以去選擇元素和查看每個div的尺寸，這將有助於您排查在未來

來源

2013-04-24 02:18:01 user2008572

將邊框放在標題div中不會讓我將其擴展到頁面的其餘部分，因爲我該div的寬度限制爲1200px。我使用FireFox，有一個相似的功能。很有用！ – 2013-04-24 02:36:08

基本上你的包裝比它包含的div小，你需要爲它設置一個寬度和高度。標題溢出並且不包含標題div的部分不被加下劃線。你可以設置你的包裝寬度爲1200像素，你的頭div的寬度爲100％，它應該保持在包裝內，並給你你想要的間距 – user2008572 2013-04-24 02:42:50

設置在CSS的#wrap的寬度爲100％

或者根本如下：

body 
{ 
    overflow-x: hidden; 
} 
.extendfull, .extendleft 
{ 
    padding-left: 3000px; 
    margin-left: -3000px; 
} 
.extendfull, .extendright 
{ 
    padding-right: 3000px; 
    margin-right: -3000px; 
}

overflow-x：hidden防止水平滾動，並且增加填充非常容易理解。

來源

2013-04-24 02:18:14

這並不重要。因爲邊框底部效果會跟隨瀏覽器的大小。除了你之外，沒有網絡用戶會放大和縮小頁面。

它也將罰款在每個屏幕尺寸，只是不放大和縮小它。這件事情很好，每個網站都有這個問題，但這不是什麼大問題。

來源

2013-04-24 02:19:27

放大時如何阻止邊框分裂？

回答

相關問題