Cyn*_*hia 1 css browser layout
如果您访问http://digitaldemo.net/anova/并调整浏览器的大小以使其缩小,然后向右水平滚动,您将看到背景现在覆盖了可见屏幕之外的页面部分.
为什么会这样？
非常感激任何的帮助!
最好,
辛西娅
小智 6
加上这个.
#navbar{ min-width: 1100px; }
与.footer,.wrapper和.footerbottom min-width相同:1100px
问题是因为#nav元素的宽度较宽,1100px而width:100%另一个元素的背景仅为100%可视区域的宽度.
改变min-width的<body>,以
body {
min-width: 1100px;
}
将设置你的最小页面宽度成为你最长元件的长度,因此,CSS背景将延长,因为它会是100%的1100px宽.
对于未来的项目,我建议阅读响应式网页设计 - 设计网站的一个方面是通过元素和/或CSS媒体查询的非固定维度的组合来适应设备的可用宽度/高度.