flex布局,固定宽度的元素会随着窗口的缩放改变大小

新手上路,请多包涵

页面布局是左右布局,左侧是菜单栏,菜单栏是固定宽度250,右侧占用剩余的部分,但是我在缩放网页的时候左侧菜单栏会随着窗口缩小宽度也变小。一般什么情况下会出现这种情况!求大神解释下。有时候在其他项目中又不会出现这种问题!### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

阅读 10.3k
5 个回答

菜单栏增加:flex:0 0 250px;固定宽度即可

flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小
flex-grow属性定义项目的放大比例,默认为0,即如果存在剩余空间,也不放大

不想让它缩小,就设置 flex-shrink:0;

我觉得就是菜单栏的宽度一个是百分比 一个是固定值吧

好歹把对应的css贴上来啊

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏