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日

悬赏问题

  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上
  • ¥15 c程序不知道为什么得不到结果
  • ¥40 复杂的限制性的商函数处理
  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来