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 怎么在stm32门禁成品上增加记录功能
  • ¥15 Source insight编写代码后使用CCS5.2版本import之后,代码跳到注释行里面
  • ¥50 NT4.0系统 STOP:0X0000007B
  • ¥15 想问一下stata17中这段代码哪里有问题呀
  • ¥15 flink cdc无法实时同步mysql数据
  • ¥100 有人会搭建GPT-J-6B框架吗?有偿
  • ¥15 求差集那个函数有问题,有无佬可以解决
  • ¥15 【提问】基于Invest的水源涵养
  • ¥20 微信网友居然可以通过vx号找到我绑的手机号
  • ¥15 解riccati方程组