Question

我从中心左右两个图像放置得很好，但是当屏幕尺寸为＆lt; 1920px，创建了一个滚动条，因为正确的图像正在进入网站＆＃34;。我只是想把它切成屏幕尺寸/越过屏幕的一边而不加宽它。

图像的CSS（简单地放在正文中）：

#fans_l {
 position: absolute;
 text-align: left;
 margin-left: -955px;
 margin-top: -228px;
 z-index:3;
}

#fans_r {
 position: absolute;
 text-align: left;
 margin-left: 399px;
 margin-top: -228px;
 z-index:3;
}

Body css：

body {
  height: 100%;
  width: 100%;
  margin: 0px;
  background-image:url(p/back.jpg);
  background-repeat: repeat; text-align: center;
}

Answer 1

在这种情况下，您可以做一些事情。想到的前两个如下：

您可以在body css中声明overflow-x属性设置为none或hidden，从而有效地切断多余的像素。但是，在固定的图像尺寸下，这在较小的浏览器上可能并不理想。请记住，许多人的监视器小于1920px。
您可以使用CSS3中的一个漂亮的小工具，称为媒体查询。使用它们，您可以根据监视器的宽度或高度更改css规则。使用此方法，您可以确保它在所有大小的浏览器窗口中显示为完整。

HTML：如何制作图像不影响整个网站的宽度？

1 个答案: