making the image on mobile device longer! 我有一个图像(网站的 Headers )当我将窗口调整为移动格式时,它会调整图像大小 . 但我希望图像( Headers )的高度更长!
可能吗?
height: auto; max-width: 100%;
但这并不能使它扩大宽度和高度'我需要更长的高度 .
当我在移动设备上缩放它时,网站的 Headers 图片应该更长
也许是这样的?您可以设置一个不会因任何窗口宽度而改变的自定义高度(即300px)
<div class="image"></div>
在CSS中
.image { background:url('https://cdn.pixabay.com/photo/2018/01/25/14/12/nature-3106213_960_720.jpg') no-repeat center center; width:100%; height:300px; background-size:cover; }
如果该图像是背景图像,则可以将 Headers 设置为 Headers 部分,并根据需要调整值 . 然后,您可以针对移动设备定位媒体查询 .
#header { padding:300px 0; }
2 回答
也许是这样的?您可以设置一个不会因任何窗口宽度而改变的自定义高度(即300px)
在CSS中
如果该图像是背景图像,则可以将 Headers 设置为 Headers 部分,并根据需要调整值 . 然后,您可以针对移动设备定位媒体查询 .