废鸡程序员 2022-07-20 16:53 采纳率: 86%
浏览 88
已结题

网站布局怎么让banner自适应浏览器宽度？

网站布局怎么让banner自适应浏览器宽度？ 高度写死之后和下个板块的距离太大！

img

  • 写回答

4条回答 默认 最新

  • sannianerban12138 2022-07-20 17:11
    关注

    在css设置高度时有几种单位
    分别是:px,%,vh
    你可以试试用vh,vh的意思是网页高度的百分比,举例,如果网页高度是1080px,
    50vh就是一半,就是540px,
    用vh设置高度比用百分比布局好的地方就是你不用管父级盒子高度是多少,vh参考的就是浏览器的高度
    你在对页面所有内容进行高度设置时都可以使用vh
    举例,如果你拿到的设计图高度是1080版本的,但是需要兼容各种屏幕大小
    比如其中一个盒子的宽高是100*100的,你在设置这个盒子的样式时,可以参考,当前这个盒子在1080版本下面是100px,假设你的网页高度就是1080,那么你可以对盒子的高度设置大概10vh左右,这样哪怕网页高度变成1080的两倍,你盒子的高度对应也会翻倍

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(3条)

报告相同问题？

问题事件

  • 系统已结题 7月29日
  • 已采纳回答 7月21日
  • 创建了问题 7月20日