背景:
前端新手,刚接触前端,导师接的项目中在切换成不同的屏幕尺寸后,需要保证组件的尺寸一致。
问题:
新手尝试使用flex,百分比布局;虽然一定程度上确实可以自适应,但element-ui中的部分组件还是会出现超过容器范围的情况,造成页面缩小时布局很难看的情况
解决方法:
body {
min-width: 1600px;
}
只要屏幕宽度像素低于1600px自然会出现水平滑动框,从而规避掉自适应
背景:
前端新手,刚接触前端,导师接的项目中在切换成不同的屏幕尺寸后,需要保证组件的尺寸一致。
问题:
新手尝试使用flex,百分比布局;虽然一定程度上确实可以自适应,但element-ui中的部分组件还是会出现超过容器范围的情况,造成页面缩小时布局很难看的情况
解决方法:
body {
min-width: 1600px;
}
只要屏幕宽度像素低于1600px自然会出现水平滑动框,从而规避掉自适应