做响应式不需要考虑移动端css单位会两倍放大的情况吗?

来源:7-11 响应式案例:博客辅助列表实现

人生的起源

2022-01-24

做响应式不需要考虑移动端css单位会两倍放大的情况吗?为什么?

写回答

1回答

西门老舅

2022-01-25

你好,

首先你说的移动端两倍放大,是有前提条件的,就是设计稿是按照物理像素进行设计的(即逻辑像素的两倍

而响应式布局的设计稿大多使用正常的逻辑像素进行设计的,所以并不会受到影响。

一般情况下,移动端布局和响应式布局最好采用不同的策略。即移动端2倍图,rem或vw进行等比适配;而响应式不用2倍图,移动端普通自适应布局即可。

当然也可以把移动端布局和响应式布局结合,可采用rem或vw作为单位,不过这就需要找到一个分辨率断点,在这个分辨率断点以上的是支持PC端的情况,固定html的font-size大小;而在这个分辨率断点以下的是移动端的情况,可动态html的font-size大小。




1
1
人生的起源
非常感谢!
2022-01-25
共1条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼:5大主流布局系统进阶

758 学习 · 231 问题

查看课程