H5 vue 移动端px自动转换rem_h5 px自动转rem方案_时光机上敲代码的博客-程序员秘密

技术标签: vue  npm  

环境:webpack:3.0+; vue:2.0+

方法:使用 postcss-pxtorem插件

步骤一:

npm i postcss-pxtorem -D   

步骤二:在package.json文件中postcss添加配置

  "postcss": {
    "plugins": {
      "autoprefixer": {},
      "postcss-pxtorem": {
        "rootValue": 37.5,
        "propList": [
          "*"
        ]
      }
    }
  }

Tip:如果某些css不想被转为rem,如下写法

.test{width:10px}  //被转为rem
.test{width:10PX}  //不转为rem,因为css不分大小写,PX会被当做px处理,postcss-pxtorem只转换小写的px

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/web_ding/article/details/112860370

智能推荐

hadoop与第三方(CDH等)的比较_爱萨萨的博客-程序员秘密

CDH 1、CDH简介CDH:全称Cloudera’s Distribution Including Apache Hadoop  CDH版本衍化  hadoop是一个开源项目,所以很多公司在这个基础进行商业化,Cloudera对hadoop做了相应的改变。  Cloudera公司的发行版,我们将该版本称为CDH(Cloudera Distribution Hadoop)。截至目前为止,CDH共有...

swap()_swap()头文件_MXcsdn000的博客-程序员秘密

void swap(int *a,int *b){ int temp;  temp=*a; *a=*b; *b=temp;}int main(){    swap(&a,&b);}地址传递,实现了实参变量值的改变。swap()头文件:#include<iostream>  #include<algorithm>  using namespace std;  ...

关于Qt5.8及以上版本生成的程序无法在XP上运行问题_从此没有不舍得的博客-程序员秘密

XP上提示什么无法定位程序输入点,各种丢失东西,别听网上那些人的鬼话,用Qt5.7重新编译一边就行了根本没那么多事情 

Android程序无法正常启动,修改Android手机build.prop后,无法正常启动的解决方案_weixin_39738380的博客-程序员秘密

刚刚入手的荣耀6plus,难免要被我折腾一番。首先它肯定是被root了。然后卸载了看着很不爽的软件,换上了我喜欢的主题。。。但是,我还是觉得整个手机的字体太大了,看着很不舒服。【处女座,勿喷】找找找。。。。。发现system/build.prop这个文件,通过更其中的lcd_density的值可以达到我的目的。【这是一个坑啊!!!!屏幕密度是由手机工艺决定的???~~~】于是,改了。。。。480改...

华为云备案问题总结_华为云域名备案期间云服务器可以正常使用吗_coding_python的博客-程序员秘密

登录地址:https://console.huaweicloud.com之后输入你的账号和密码;如果没有请先注册。华为云服务器的备案比较智能,不用申请备案号,可以自动获取(账号下面先要有服务器);在首次提交备案之后,收到华为云的备案信息反馈,比较郁闷;他要我上传域名证书,但是没有给我域名证书的上传按钮;华为的人工服务比较赞,是我遇到所有的人工服务:接入最快,解决问题最快的(没有之一...

随便推点

Cookie、session、图片验证码、jwt的使用_x_i_jwt_马超19991128的博客-程序员秘密

Cookie、session、图片验证码、jwt的使用一.response.cookie和request.cookie的区别范围特点使用语法各不相同response.cookie:操作过的Cookie,所有方法获取到的都是被更新过的值,也就是说Response.Cookies是修改所有容器中的Cookie的值。用于在客户端写入cookie值。若指定的cookie不存在,则创建它。若存在,则将自动进行更新。结果返回给客户端浏览器。Response.Cookies(CookieName

stanford 课程表_飞翔的大胖兔子的博客-程序员秘密

https://exploredegrees.stanford.edu/coursedescriptions/cs/CS 101. Introduction to Computing Principles. 3-5 Units.Introduces the essential ideas of computing: data representation, algorithms, prog...

最详细的虚拟机安装教程_虚拟机安装csdn_du_xian_sheng的博客-程序员秘密

vmware虚拟机是通过软件来运行一个或者多个完整的系统,也就是说虚拟机可以在电脑上同时安装、运行多个操作系统,应用效果比双系统好。虚拟机安装相对也是比较简单的,下面大家跟随这篇虚拟机安装教程,一起来学习下怎么安装vmware虚拟机中文版!为了可以兼容xp/win7(32、64)位系统,大家先下载一个win7虚拟机中文版(http://pan.baidu.com/s/1pJI4baV),选定一

Java常见细节问题_我敲代码养你啊的博客-程序员秘密

1、变量:变量类型,变量名,变量值。2、变量命名:(1)如果是多个单词组成,那么第一个单词首字母小写,其后单词的首字母大写。myName。(2)变量命名时,尽量简短且能清楚的表达变量的作用,做到见名知意。学生姓名:stuName。3、数据类型(1)基本数据类型就是存储数据本身,(直接放抽屉里的东西)而引用类型变量就是保存数据的空间地址(存储这个抽屉里的钥匙,钥匙和抽屉一一对应)。引用...

python跳出两层(多层)循环--使用标志量_python 跳出两层_SimonChenHere的博客-程序员秘密

break2 = Falsewhile (True): // 省略 while (True): // 省略 if xxx: break2 = True break if (break2): break

鱼眼图像畸变校正——透视变换_opencv 鱼眼 图像变换_红泥_凛冬将至的博客-程序员秘密

本文转自:【opencv】鱼眼图像畸变校正——透视变换  http://m.blog.csdn.net/article/details?id=50786782原图球面透视投影(以空间左手坐标系,x轴为水平,y为竖直,z为光轴,投影面法线与xoz面夹角55度)经过球面透视投影后,会存在两个灭点,此时,需要消去由于球面透视投影面存在角度引入的灭点

推荐文章

热门文章

相关标签