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

智能推荐

达芬奇密码 第七十二章_cuanku6549的博客-程序员秘密

达芬奇密码 第七十二章[@[email protected]] 第七十二章  在距地面15,000英尺的高空,罗伯特·兰登觉得现实世界离他是越来越遥远了。他全神贯注于索尼埃那首唯有依靠镜子才能看出是什么内容来的诗上,而那首诗,透过盒盖也可...

c语言作业P264,C语言中的多态实现_帅兔挽月的博客-程序员秘密

相信很多人都看过设计模式方面的书,大家有什么体会呢?Bridge,Proxy,Factory这些设计模式都是基于抽象类的。使用抽象对象是这里的一个核心。其实我觉得框架化编程的一个核心问题是抽象,用抽象的对象构建程序的主体框架,这是面向对象编程的普遍思想。用抽象构建骨架,再加上多态就形成了一个完整的程序。由于C++语言本身实现了继承和多态,使用这样的编程理念(理念啥意思?跟个风,嘿嘿)在C++中是十...

关于mega弹出框的overlay效果_weixin_33910759的博客-程序员秘密

为什么80%的码农都做不了架构师?>>> ...

Sqlite table xxxx has no column named xxxx_sqlist has no number named data_Naive_404的博客-程序员秘密

看到这个错误,检查一下create数据库语句,我是忘记在每一个column后加逗号了,导致了这个错误,没有用可视化界面。把手机里软件删了再重新装就好了...

STM32中关于检测按键的一些问题(关于采用传统的延时消抖方式和采用中断方式)_按键判断函数为什么在采取中断方式时不许要_lshtom的博客-程序员秘密

1.对比用延时消抖的方式检测按键和用中断的方式检测按键:对于中断检测按键的方式,如果不在程序中做一些再次检测按键是否按下等处理的话,其精度是不如用延时消抖的方式加测按键来的可靠。2.原因在于:我们在利用中断检测按键时,在中断程序中并没有延时,那么就会存在一个问题,当按下按键时,会可能有多次抖动,尽管我们设置的是下降沿触发中断,但这多次的抖动中也同样可能会有多次下降沿,故就有可能多次触发

阿里云OSS-web端直传的服务端签名算法_weixin_30571465的博客-程序员秘密

web直传的好处:用户通过浏览器直接上传到阿里云OSS,对web服务器没有压力!这里的服务端代码仅仅用来计算签名,不处理上传!如果.net服务端直传(支持分片和断点续传),参考OSS .NET SDK(https://help.aliyun.com/document_detail/32090.html)WEB端表单上传,需要签名域Signature,通过js计算签名,AccessKeyID...

随便推点

0基础跟着黑马程序员学微信小程序前端开发Day02(自学笔记)_黑马程序员微信小程序笔记_Dezyan的博客-程序员秘密

学习目录一、WXML模板语法1.数据绑定的基本原则①在data中定义数据,在WXML中使用数据②Mustache语法的格式Mustache语法的一些应用场景动态绑定内容动态绑定属性三元运算算数运算2.事件绑定①什么是事件?②常用事件②事件对象的属性列表③bindtap 的语法格式,在事件处理函数中为 data 中的数据赋值④bindinput 的语法格式,实现文本框和 data 之间的数据同步3.条件渲染①wx:if②结合block使用 wx:if③hidden④wx:if 与 hidden 的对比4.列表

ubuntu14.04通过dante搭建匿名socks5代理_dante sk5_起一个好听的名字的博客-程序员秘密

环境:腾讯云提供的 Debian 7.4 64位1.安装dante-serverapt-get install dante-server 2.修改配置文件:备份原配置文件mv /etc/danted.conf /etc/danted.conf.bak新建配置文件touch /et

Recyclerview多布局_zhaokai621的博客-程序员秘密

https://blog.csdn.net/csdn_mm/article/details/80918323

重写www.zju.edu.cn后的总结_hmoon729的博客-程序员秘密

不知不觉学习css和html居然都两个星期了(自己感觉只有10天的样子。。。亚历山大),最后收官之作是zju官网的重写。不过写下来,除了之前一些没怎么注意到的问题比如横向平移问题之类的没有注意,搜索框的样式不是特别熟练,没什么压力地就写完了。后来经过囧哥提的问题,拿回来修改news和events的切换问题的时候,倒是遇到了各种bug。首先还是横向移动窗口的问题,现在的话按照zju1的编排方式可

ubuntu好用的PDF阅读器 okular_Mr. GuoCH的博客-程序员秘密

经常需要在ubuntu下阅读文献,因此一款好的PDF阅读软件十分重要okular具有非常完善的阅读功能sudo apt-get install okular汉化:sudo apt-get install kde-l10n-zhcn然后打开PDF文件时,右键选择打开方式选择okularF6 可以添加注释。...

推荐文章

热门文章

相关标签