Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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
Html 如何调整图像和周围容器的大小以适应100%的屏幕—;几乎?_Html_Css_Image - Fatal编程技术网

Html 如何调整图像和周围容器的大小以适应100%的屏幕—;几乎?

Html 如何调整图像和周围容器的大小以适应100%的屏幕—;几乎?,html,css,image,Html,Css,Image,好的。最后一点(现在) 在的主页上,如何设置标题/(滑块)图像和周围容器,以在低于实际图像大小的任何屏幕大小下填充100%的屏幕 以下是我到目前为止的想法,但它没有达到我想要的效果: .flexslider.slides img{ 最大宽度:100%; 显示:块; }对于已经设置了显示:块的图像居中,您应该使用左侧和右侧的自动边距,如下所示: margin: 0 auto; 如果希望图像不被拉伸或扭曲,则应为图像指定height:auto。对于大多数html元素,包括img元素,默认情况下h

好的。最后一点(现在)

在的主页上,如何设置标题/(滑块)图像和周围容器,以在低于实际图像大小的任何屏幕大小下填充100%的屏幕

以下是我到目前为止的想法,但它没有达到我想要的效果:

.flexslider.slides img{
最大宽度:100%;
显示:块;

}
对于已经设置了
显示:块的图像居中,您应该使用左侧和右侧的自动边距,如下所示:

margin: 0 auto;

如果希望图像不被拉伸或扭曲,则应为图像指定
height:auto
。对于大多数html元素,包括
img
元素,默认情况下
height
auto
。当视口的高度低于1350 css像素(通常为1350 css像素)时,将自动显示一个滚动条,并且图像的底部只能在向下滚动后显示在屏幕上。如果您只想裁剪掉该部分,以便在向下滚动时不会显示图像的任何部分,那么您应该使用图像作为容器div的背景图像,背景大小为
背景大小:cover

寻求代码帮助的问题必须包含在问题本身中复制它所需的最短代码,最好是以最短的格式。虽然你已经提供了一个链接,但是如果链接无效,你的问题对其他将来有同样问题的用户没有价值。好的。因为我不是职业选手,有时候这对我来说很难。要求似乎很多,但我已经尽力了。