移动端页面rem+media写法过程

2023-09-09 阅读 14 评论 0

摘要：移动端页面rem+media写法过程 1.先看psd是多宽的设计图假设是640的设计图设计图都是设备宽度的2倍 2.在iphone5下进行调试所有的元素的宽高设为量出来的值/2 这个时候还是px 3.引入reset-rem.css 这个里面用媒体查询定义了不用屏幕下根元素的字体大小 4.把px转化为rem

移动端页面rem+media写法过程

1.先看psd是多宽的设计图假设是640的设计图设计图都是设备宽度的2倍
2.在iphone5下进行调试所有的元素的宽高设为量出来的值/2 这个时候还是px
3.引入reset-rem.css 这个里面用媒体查询定义了不用屏幕下根元素的字体大小
4.把px转化为rem 把css样式复制到以下网址进行转化在转化的时候要填写转化的单位
如果是640的设计题单位就是32px 如果是750的设计图单位是37.5

px转ref网站
http://www.ofmonkey.com/front/rem

原文链接：https://hbdhgg.com/5/31191.html

上一篇：react中redux的store.js样板文件

下一篇：内置指令-cloak // 内置指令-once // 内置指令-pre