如何在放大时阻止边界分开？

Question

http://mistcave.com/temp/

放大页面并向右滚动。标题底部的1px黑色边框略短。我该如何解决这个问题？

Answer 1

将边框底部属性放在标题div中

另请注意，如果您使用谷歌浏览器，您可以选择元素并查看每个div的尺寸，这将有助于您将来拍摄麻烦

Answer 2

将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会阻止水平滚动，增加填充是非常自我解释的。

Answer 3

这并不重要。因为边框底部效果符合浏览器的大小。没有网络用户可以放大和缩小除您之外的页面。

在每个屏幕尺寸中也会很好，只是不要放大和缩小。 那个东西很好，每个网站都有这个问题，但这不是什么大问题。

Answer 4

做了一个肮脏的黑客。它完美无瑕地工作。

Demo Fiddle

#wrap {
    width: 100%;
}

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