首页 > 其他分享 >关于 vant 移动端的 rem 适配方案

关于 vant 移动端的 rem 适配方案

时间:2022-11-17 15:11:09浏览次数:77  
标签:vant 适配 端的 rem flexible 移动

一、使用 lib-flexible 动态设置 rem 基准值 (html 标签的字体大小)

(1) 安装依赖:

npm i amfe-flexible -D

(2) 在main.js 中引入

import 'amfe-flexible'

(3) 最后测试:你可以在浏览器中切换不同的手机设备尺寸,观察 html 标签 font-size 的变化 

 

原文来源:关于 vant 移动端的 rem 适配方案_会飞的土豆i的博客-CSDN博客_vant 移动端适配

 

标签:vant,适配,端的,rem,flexible,移动
From: https://www.cnblogs.com/fairya/p/16899553.html

相关文章

  • rem
    rem以html中设置的font-size为单位,r是root的意思em以父元素的font-size为单位媒体查询的作用,可以在屏幕在不同情况下,对屏幕中的元素设置不同的样式 在不同的屏幕宽度......
  • mariabackup -prepare step on increment backup failed
    问题描述:使用mariabackup对maridb10.6.4进行物理备份,进行增量恢复的时候报错。截止到目前,还是mariadb的一个bug,还没有修复。在增备的过程中如果出现新库的建立,数据库就会在......
  • remote_login_passwordfile参数解析
    文档课题:remote_login_passwordfile参数解析.口令文件用于具有sysdba身份的用户执行远程登录数据库,Oracle允许用户通过口令文件验证,在数据库未启动之前登录,从而启动实例,加载......
  • 06.适配器模式
    适配器模式作为两个不兼容的接口之间的桥梁结合了两个独立接口的功能例如实际中有个两孔的插座,现在需要有个三孔的插口,如果不直接在两孔的class修改,就需要加一个适配cla......
  • Rename a Local and Remote Git Branch
    RenamingGitBranchFollowthestepsbelowtorenameaLocalandRemoteGitBranch:01Startbyswitchingtothelocalbranchwhichyouwanttorename:gitch......
  • ShareSDK适配iOS 9系统
    1、大部分社交平台接口不支持https协议。问题描述:在iOS9下,系统默认会拦截对http协议接口的访问,因此无法获取http协议接口的数据。对ShareSDK来说,具体表现可能是,无法授权、分......
  • Navicat premium 15安装+激活-九五小庞
    下载安装包:https://wwz.lanzoue.com/b021z9k1e密码:7pm1 NavicatPremium15安装教程:一、解压后,双击安装包 ​二、点击下一步​三、勾选同意 ,点击下一步......
  • Python - request 报错:raise RemoteDisconnected("Remote end closed connection with
    2022-11-1521:46:20,261INFO[get_data.py(get_product_mode:46)]-当前page======>:255Traceback(mostrecentcalllast):File"D:\jlc_auto_test\fa_search_tes......
  • Qt QSqlDatabase::removeDatabase()遇到的问题
    在Qt中想要关闭数据库,并删除连接时发现出错,代码如下:1if(db.isOpen())2{3QStringconnection;4connection=db.connectionName();5db.close();6......
  • removeIf用法
    删除list中包含某个字符的对象//创建一个动态数组ArrayList<String>sites=newArrayList<>();sites.add("Taobao");//删除名称中带有Tao的元素sites.remove......