CSS：当存在100％宽度元素时向右滚动：右侧部分没有背景？

Question

5

我看到许多网站都存在这个问题，我最近才接触到需要将背景拉伸到100％的背景...

例如：

如果你限制浏览器的宽度并向右滚动，会发现外观不佳：背景没有延伸。如何解决这个问题?

编辑：嘿，当我自己找到答案时，我得到了答案....哈哈。

- Rey

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Blender · Accepted Answer

您遇到的问题是由于浏览器不知道何时停止缩放网页而引起的。您需要指定设计能够容忍的最小宽度：

html
{
  min-width: 1050px;
}

如果你将min-width设置得太小，背景会透出来导致布局问题，因此需要设置一个相对较大的值。

同时，如果你在使用边框、外边距和内边距时还使用百分比，也会导致布局问题（这也是为什么背景图片不能正确粘贴的部分原因）。