这个问题实际上也出现在一个人口众多的网站上,www.godaddy.com。当您放大或使用移动设备时,横幅的右侧会被截断。如果您在计算机上查看全尺寸页面,则没有问题。我的网站是:www.clinkstr.tk 这是 CSS 代码:
#pageTop {
background:#006DD9;
background-repeat: repeat-x;
background-size: 100% 100%;
background-position: 0 0;
width: 100%;
height: 50px;
border: 0;
}
有些代码可能是不必要的,因为我反复尝试不同的方法来修复它。 此外,当您放大时,网站似乎变得有点困惑,并且开始变得不合适,例如浅灰色背景(应该居中)。有办法解决这个问题吗?
最佳答案
嗯,对于初学者来说,#pageTopWrap
将需要 max-width: 100%
或那个 width: 1100px;
声明将会成功每次都溢出。
事实上,对于很多东西,您已经用不灵活的像素声明了宽度。 width
非常笨拙。您必须使用 max-width
声明覆盖每个。那个 iframe 也会引起一些头痛。如果你不介意处理被切断的事情,你可以将 overflow:hidden;
放在 #pageMiddle
上,这将强制该元素隐藏任何溢出它的东西(非常直接)。
关于php - 放大或低分辨率时横幅被切断(移动设备),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22517797/