我们以设计图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的大小