当前位置：网站首页>移动端响应式适配的方法

移动端响应式适配的方法

2022-08-04 02:36:00 【大鸡腿最好吃】

个人理解，移动端适配的方法就算设置他的宽度

1，对于简单一点的页面，一般高度直接设置成固定值，宽度一般撑满整个屏幕

2，可以使用%和vh，vw作为单位，也可以使用flex来进行布局

3，使用媒体查询配合rem来进行适配,1rem等于1比例根元素的font-size的px

4，根页面的根元素设置：min-height:calc(100vh),然后其子元素的页面的高度可以直接设置固定值，宽度使用用百分比，也可以使用flex来布局

原网站

版权声明
本文为[大鸡腿最好吃]所创，转载请带上原文链接，感谢
https://blog.csdn.net/m0_59070120/article/details/126139212

边栏推荐

猜你喜欢

随机推荐