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

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

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

img


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

img


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

img

  • 写回答

4条回答 默认 最新

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

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

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

报告相同问题？

问题事件

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