前端页面自适应做不好,改用禁止自适应的做法

背景:

前端新手,刚接触前端,导师接的项目中在切换成不同的屏幕尺寸后,需要保证组件的尺寸一致。

问题:

新手尝试使用flex,百分比布局;虽然一定程度上确实可以自适应,但element-ui中的部分组件还是会出现超过容器范围的情况,造成页面缩小时布局很难看的情况

解决方法:

body {
  min-width: 1600px;
}

只要屏幕宽度像素低于1600px自然会出现水平滑动框,从而规避掉自适应

你可能感兴趣的:(前端,vue.js,css)