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

网站布局怎么让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日

悬赏问题

  • ¥15 cplex运行后参数报错是为什么
  • ¥15 之前不小心删了pycharm的文件，后面重新安装之后软件打不开了
  • ¥15 vue3获取动态宽度，刷新后动态宽度值为0
  • ¥15 升腾威讯云桌面V2.0.0摄像头问题
  • ¥15 关于Python的会计设计
  • ¥15 聚类分析 设计k-均值算法分类器,对一组二维模式向量进行分类。
  • ¥15 stm32c8t6工程，使用hal库
  • ¥15 找能接spark如图片的，可议价
  • ¥15 关于#单片机#的问题，请各位专家解答！
  • ¥15 博通raid 的写入速度很高也很低