移动端适配
文章平均质量分 68
SwJieJie
越努力,越幸运 good lucky
展开
-
Css3中使用vw/vh和rem、px详解和区别
我们在编写样式的时候会遇到这样问题移动端动态计算字体的大小:这个时候我们首先会想到使用rem,响应式布局的单位我们第一时间会想到通过rem单位来实现适配,但是它还需要内嵌一段脚本去动态计算跟元素大小。比如:使用脚本(方法一)(function (doc, win) { let docEl = doc.documentElement let resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize'原创 2022-05-31 16:08:18 · 1794 阅读 · 0 评论 -
vue-cli3.0 移动端使用lib-flexible和postcss-pxtorem将px单位自动转化为rem单位解决自适应
我们在移动端开发过程中会遇到单位换算的烦恼,为了适配单位使用插件自动计算把px转成rem.lib-flexible会自动在htmlhead中添加meta标签,同时会自动设置html的font-size为屏幕宽度的1/10。由于每次都需要手动计算rem效率低,且易出错,所以引入postcss-px2rem-exclude1,安装依赖包(1)安装lib-flexible $ npm i -S amfe-flexible (2)安装postcss-pxtorem $ npm install原创 2022-02-11 15:36:51 · 911 阅读 · 0 评论