做响应式不需要考虑移动端css单位会两倍放大的情况吗?
来源:7-11 响应式案例:博客辅助列表实现

人生的起源
2022-01-24
做响应式不需要考虑移动端css单位会两倍放大的情况吗?为什么?
写回答
1回答
-
你好,
首先你说的移动端两倍放大,是有前提条件的,就是设计稿是按照物理像素进行设计的(即逻辑像素的两倍)。
而响应式布局的设计稿大多使用正常的逻辑像素进行设计的,所以并不会受到影响。
一般情况下,移动端布局和响应式布局最好采用不同的策略。即移动端2倍图,rem或vw进行等比适配;而响应式不用2倍图,移动端普通自适应布局即可。
当然也可以把移动端布局和响应式布局结合,可采用rem或vw作为单位,不过这就需要找到一个分辨率断点,在这个分辨率断点以上的是支持PC端的情况,固定html的font-size大小;而在这个分辨率断点以下的是移动端的情况,可动态html的font-size大小。
112022-01-25
相似问题