Html 在背景上溢出的物体
对于我的主页,我的背景设置为Html 在背景上溢出的物体,html,css,image,background,overflow,Html,Css,Image,Background,Overflow,对于我的主页,我的背景设置为width:80%然后与中心对齐 主页: 为此,我使用了以下代码: <body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000"> 现在,当我缩放浏览器的大小时,它是这样的: 我怎样才能阻止这种情况发生?只定义你的身体最小宽度 body{ min-width:1000px; // width of you main container
width:80%代码>然后与中心对齐
主页:
为此,我使用了以下代码:
<body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000">
现在,当我缩放浏览器的大小时,它是这样的:
我怎样才能阻止这种情况发生?只定义你的身体最小宽度
body{
min-width:1000px; // width of you main container
}
因为您使用的是百分比,它将始终根据您的屏幕进行调整,所以当您的屏幕宽度为1024像素时,它将是该宽度的80%,但如果您将其调整为700px,它将是该宽度的80%
您是否在其他元素上使用了百分比?使用它们不是一个坏习惯,只是您应该在具有固定宽度的元素中使用它们,以防止出现类似情况。我们不能经常从图像中进行诊断。请提供您的CSS和HTML。理想情况下,一个JSFIDLE或者最坏情况下一个实时链接也会有帮助。。给我另一个建议,或者如果你有类似的plz代码。和我分享
body{
width:80%;
margin:0 auto;
}