首页 文章

如何仅调整响应图像的高度?

提问于
浏览
0

making the image on mobile device longer! 我有一个图像(网站的 Headers )当我将窗口调整为移动格式时,它会调整图像大小 . 但我希望图像( Headers )的高度更长!

可能吗?

height: auto;
max-width: 100%;

但这并不能使它扩大宽度和高度'我需要更长的高度 .

当我在移动设备上缩放它时,网站的 Headers 图片应该更长

2 回答

  • 0

    也许是这样的?您可以设置一个不会因任何窗口宽度而改变的自定义高度(即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; }
    
  • 0

    如果该图像是背景图像,则可以将 Headers 设置为 Headers 部分,并根据需要调整值 . 然后,您可以针对移动设备定位媒体查询 .

    #header {
         padding:300px 0;
    }
    

相关问题