Question

嗨我在拉伸背景颜色时遇到问题。它非常适合更大的分辨率。当分辨率低于1254px的宽度时，背景不会拉伸。但是容器内的内容仍然很完美。

继承人的网站。请将浏览器的大小调整为1254px以下并检查，您会在右侧找到空白区域。

www.origininteractive.in/projects/stars11

继承人的HTML代码视图源：http://www.origininteractive.in/projects/stars11/

继承人的css代码

http://www.origininteractive.in/projects/stars11/css/style.css

谢谢

Answer 1

将display: inline-block;添加到body，它将解决问题。

原因是，大多数元素在px中都有硬编码宽度。示例

.top_menu_header_cont {
width: 1237px;
height: 74px;
}

因此，当屏幕宽度低于1200px时，会出现display的问题。

Answer 2

原因是main_body＆amp;所有它的孩子都有静态宽度，其中标题＆amp;页脚容器有100% width。 main_body的宽度为1237px，因此当您在1237px顶部容器下方调整大小时，获取正文宽度，main_body容器保留width 1237px因此显示scroll。

为摆脱这种变化main_body＆amp;的所有风格它的孩子基于百分比的宽度，

或body min-width:1242px; body会阻止1242px低于main_body。（5px更多因为某些内部容器正在拉伸{{1}}到＃12; 1242px＆＃39;）。

Answer 3

为内部容器和内部页脚应用最小宽度。

 .inside_container { min-width: 1237px; height:830px; margin:0 auto;}
 .inside_footer { min-width:1237px; height:130px; margin:0 auto; }

背景颜色以较小的分辨率切割

3 个答案: