AVTDF 2021-11-19 11:27 采纳率: 64.7%
浏览 79
已结题

Web中网页大小的改变怎样不改变盒子的布局?

理想效果页面,网页全屏时显示的页面

img


缩小网页页面时展示的效果

img


请问如何在缩小网页页面时保证盒子整体布局不改变?可以隐藏部分盒子,可以增加横向滚动条,如下图效果

img

  • 写回答

4条回答 默认 最新

  • 前端不释卷leo 前端领域新星创作者 2021-11-19 12:59
    关注

    首先,可以用flex进行布局,盒子的宽度用百分比表示;其次,给盒子一个最小宽度,并添加样式overflow:auto,使得达到盒子最小宽度时出现滚动条

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

报告相同问题?

问题事件

  • 系统已结题 11月29日
  • 已采纳回答 11月21日
  • 修改了问题 11月19日
  • 创建了问题 11月19日

悬赏问题

  • ¥15 pyqt5设计界面控件之间的空白想消除
  • ¥15 arcgis中更新地理配准后几个图层分离怎么解决?
  • ¥15 想请教大家关于机器学习的问题
  • ¥15 虚幻UE保存Actor位置失败
  • ¥15 多个.nii合并为.nii.gz格式
  • ¥50 现在需要统计2023年全年 “签收时间(qssj)” 到 “提交时间(tjsj)” 小于半小时的业务量,但是要排除掉周末的时间,同时还要排除中午休息的时间。
  • ¥50 opencv模板匹配为何图像差别大仍然匹配数值高?
  • ¥15 如何成功完成主菜单和分菜单的代码编程C++
  • ¥15 怎样采集或者其它途径拿到全国最新个体工商户数据
  • ¥20 我是一名大学生,想学习java是自学还是报培训班呢