老师,我的页面布局蹦了

来源:3-7 头部组件实现(1)

qq_海星星0o_03197879

2018-11-30

我做的时候用的是flex+rem,因为怕不同手机屏幕宽度不一样,所以不敢固定宽度为750px,用的是width:100%。然后还是因为怕适配的问题,比如页面特别宽,我就想让它至少居中所以这次加了很多align-item:center,结果,页面一刷新就蹦了
图片描述
图片描述
请问这个是因为我没有设置固定宽度还是?

写回答

1回答

河畔一角

2018-12-02

这个要取决于你的布局,一般移动端页面,我们通常会做自适应布局,就是通过js动态计算html的font-size值,页面内容通过rem布局来实现。页面垮掉,通常是你的宽高设置有问题导致。最好不要用px去定宽或者定高,一旦设备尺寸变了,就会出现布局混乱。

0
0

React全家桶+AntD共享单车后台管理系统开发

React全家桶+AntD框架+大量前沿技术

1142 学习 · 495 问题

查看课程