background-size：contain不占全部宽度
CSS background-size：contain不占全部宽度。它确实适当地覆盖了所有高度，但在屏幕右侧留下了一个非常大的（500 px或更宽）白色部分。我试过任何办法，但都不能使它奏效。我留下了一个简单的代码，我去掉了所有不必要的部分。到目前为止，我已经尝试了Chrome和Firefox，得到了相同的输出。我想使用background-size：contain，因为当窗口大小变小时，它会重新缩放，而background-size：cover不会这样做。
<!DOCTYPE html>
<html>
<head>
<title>Error</title>
<meta charset="UTF-8">
<style>
html, body
{
width: 100%;
height: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
body
{
background-image: url('violin.jpeg');
background-repeat: no-repeat;
background-size: contain;
}
</style>
<body>
<h1>Heading</h1>
<p>Paragraph.</p>
</body>
</html>
共有1个答案
您可以尝试像这样的背景大小：封面
background-size: cover;
background-repeat: no-repeat;
background-position: center;
-
我正在尝试制作一个没有任何框架帮助的响应式网页。这很基本。 所有的3个div应该显示在一起。 前两个DIV显示在第一行，而另一个DIV显示在第二行，占据整个宽度。 每个div占据全宽度。 在桌面上，前两个div出现在同一行，而第三个则不在。 下面是我的代码。 这是小提琴。
-
问题内容： 我正在使用Bootstrap 4构建Web应用程序，并遇到一些奇怪的问题。我想利用Bootstrap的表响应类来允许在移动设备上水平滚动表。在台式设备上，桌子应占据所含DIV宽度的100％。 一旦将.table-response类应用于表，表就会水平缩小，并且不再占用宽度的100％。有任何想法吗？ 这是我的标记： 如果将100％的宽度应用于.table-response类，它将使表本身
-
我想在下面的网站主菜单的全宽度。它在wordpress中。我不确定在自定义css中编辑哪个元素。谢谢 主菜单图像：
-
动态设置窗口的背景等. 支持 安装 $ npm install universal-background --save 方法 setColor(options) 动态设置窗口的背景色。 参数 属性 类型 默认值 必选 描述 支持 color String x 窗口的背景色 topColor String x 顶部窗口的背景色，仅 iOS 支持 bottomColor String x 底部窗口的背
-
The background is the area "behind" the earth. The default color of the background is background 0x000000. Background color can be set through configure() as follow: controller.configure({ col
-
描述 (Description) background是一个用于设置元素背景样式的简写元素。 可能的值 (Possible Values) 背景是一种速记属性，代表以下内容。 该值将根据实际属性而有所不同。 background-color - 为元素的背景，填充和边框背景设置纯色。 background-image - 定义要放置在元素background-image的位置。 backgroun