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