1.em 参照当前元素的字号,如果没有设置,就参照父容器或者当前浏览器的默认字号
2.rem是css3新增的一种长度单位,他是参照根元素(html)的字号
步骤一根据稿件进行图片的划分
步骤二:媒体查询不同屏幕给不同的html设置字号:每一份占据的字号(每一个rem代表的px) 【总的宽度除以份数】
步骤三:设置元素实际占据稿件的份数的rem
应用:
640px占据20等分,那么一份为32px,即为1rem=32,则在设置padding的时候实际的宽度为24px则为24/32rem
1.em 参照当前元素的字号,如果没有设置,就参照父容器或者当前浏览器的默认字号
2.rem是css3新增的一种长度单位,他是参照根元素(html)的字号
步骤一根据稿件进行图片的划分
步骤二:媒体查询不同屏幕给不同的html设置字号:每一份占据的字号(每一个rem代表的px) 【总的宽度除以份数】
步骤三:设置元素实际占据稿件的份数的rem
应用:
640px占据20等分,那么一份为32px,即为1rem=32,则在设置padding的时候实际的宽度为24px则为24/32rem