移动端rem布局

我们以设计图640为例,将设计图中的元素放在320和360的屏幕中,确定每一种宽度的屏幕对应的html的font-size的大小,确定大小,看设计图的分割

  1.首先将设计图分成20份,每份占比是32,量出当前元素在设计图中一份的占比,当前元素的大小是16px,那么我们就想当前元素占了一份的多少,当前元素占了0.5份

  2.其次把目标图分成20份,每份是16,18,当前元素在设计图每份的占比是0.5,那么在目标图占比也是0.5,所以0.5X16=8,即当前元素在目标图中的元素大小是8

  3.当使用rem布局的时候,先通过媒体查询,设置每个不同设备宽度时,html的font-size大小,即rem的大小

原文地址:https://www.cnblogs.com/md-lw/p/10077825.html