Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在调整大小和居中的背景图像上溢出?_Css - Fatal编程技术网

Css 在调整大小和居中的背景图像上溢出?

Css 在调整大小和居中的背景图像上溢出?,css,Css,在一个单页网站的第一页/页眉上,我有一幅手臂向两侧伸展的人的肖像。这幅肖像画居中并向下拉到第一页/页眉的底部。这一切都很好,但当我将窗口调整到移动设备的大小时,肖像会变得太小,因为“背景大小:封面”值会使其调整大小 有没有办法让肖像画变小,直到达到一定的窗口宽度,然后在保持居中的同时溢出到off中?”“最小宽度”使其仅溢出到窗口右侧,不再居中 我希望它溢出,因为在移动设备上,伸展的手臂不必可见,但肖像的其余部分应该可见。图像的高度应保持在窗口高度的70%左右 HTML: 这是一本书。想象一下,翅

在一个单页网站的第一页/页眉上,我有一幅手臂向两侧伸展的人的肖像。这幅肖像画居中并向下拉到第一页/页眉的底部。这一切都很好,但当我将窗口调整到移动设备的大小时,肖像会变得太小,因为“背景大小:封面”值会使其调整大小

有没有办法让肖像画变小,直到达到一定的窗口宽度,然后在保持居中的同时溢出到off中?”“最小宽度”使其仅溢出到窗口右侧,不再居中

我希望它溢出,因为在移动设备上,伸展的手臂不必可见,但肖像的其余部分应该可见。图像的高度应保持在窗口高度的70%左右

HTML:


这是一本书。想象一下,翅膀是伸展的手臂,不必在移动设备上可见。

如果你知道你想要的最小宽度,也许你可以通过媒体查询来实现。然后您可以设置一个固定的大小

@media screen and (max-width:480px) {
  #pic {
    background-size:350px 100%;
  }
}

检查这里的代码,你所要做的就是改变你想要的真实尺寸。

如果你知道你想要的最小宽度,也许你可以通过媒体查询来完成。然后您可以设置一个固定的大小

@media screen and (max-width:480px) {
  #pic {
    background-size:350px 100%;
  }
}

检查这里的代码,你所要做的就是更改你想要的真实尺寸。

第一次看得不够近。这似乎是我想要的东西。谢谢!!!第一次看得不够近。这似乎是我想要的东西。谢谢!!!
@media screen and (max-width:480px) {
  #pic {
    background-size:350px 100%;
  }
}