在项目中 rem怎么配置

 时间:2024-10-13 17:22:24

1、天猫的web app的首页就是采用这种方式去做的,以320宽度为基准,进行缩放,最大缩放为320*1.3 = 416,基本缩放到416都就可以兼同柙丕牌容iphone6 plus的屏幕了,这个方法简单粗暴,又高效

在项目中 rem怎么配置

3、把html设置成10px是为了方便我们计算,为什么6rem等于60px。如果这个时候我们的.btn的样式不变,我们再改变html的font-size的值,看看按钮发生上面变化:

在项目中 rem怎么配置

5、Demo3中我是通过JS去动态计算根元素的font-size,这样的好处是所有设备分辨率都能兼容适配,淘宝首页目前就是用的JS计算。但其实不用JS我们也可以做适配,一般我们在做web app都会先统计自己网站有哪些主流的屏幕设备,然后去针对那些设备去做media query设置也可以实现适配,例如下面这样:

在项目中 rem怎么配置
  • C#怎么遍历字典
  • 鑫云磁盘阵列挂载IPSAN
  • android真机调试出现offline解决方法
  • 手把手教你修改帝国CMS手机模板
  • 火影忍者ol3小时强制下线怎么办
  • 热门搜索
    香港旅游 南京旅游攻略 北京旅游攻略 呼和浩特旅游 天目湖旅游攻略 深圳旅游 贵州旅游 嘉兴旅游 国庆旅游 赤水旅游