移动端的几种适配

最新推荐文章于 2024-10-01 09:38:23 发布

FE-阿阳

最新推荐文章于 2024-10-01 09:38:23 发布

阅读量537

点赞数

分类专栏： css html 文章标签：移动端的几种适配移动端适配

本文链接：https://blog.csdn.net/yang450712123/article/details/79212751

版权

css 同时被 2 个专栏收录

39 篇文章 1 订阅

订阅专栏

html

23 篇文章 0 订阅

订阅专栏

                    
                    移动端的几种适配 
详情描述 
淘宝：使用viewport缩放，通过给html添加 data-dpr=xx, 设置html字体大小，来适配移动端，唯医模仿淘宝；单位使用rem；
天猫：禁止viewport缩放，定高不定宽，使用弹性盒子布局；单位使用px；
京东：禁止viewport缩放，宽高都使用百分比，设置最大宽度和最小宽度；通过@media媒体查询，设置不同的宽高；单位使用px；
小米：禁止viewport缩放，单位使用rem；当屏幕宽度改变时，html标签的行内样式font-size跟着改变(自己感觉可以根据window.resize()可以实现)