使用vant的步进器，同时页面又使用了rem作为度量单位，浏览器一直展示没问题，直到某天测试突然拿出一部安卓手机，说这里展示的不对
错误的展示.png
正常的展示应该是这样的
正确的展示.jpg
肯定是什么样式兼容性出问题了
通过chrome开发者工具，看到步进器的dom结构如下
dom结构.png
对应的css如下：
css样式.png
网上查了一下before、after的相关兼容性问题，果然有人遇到过，某些机型某些安卓系统下，before、after中的0.01rem不展示的问题
那么改成0.011rem试一下，果然就解决了！
踩过的坑发出来给大家参考一下，少走弯路
一、问题引入： 使用vant的步进器，同时页面又使用了rem作为度量单位，浏览器一直展示没问题，直到某天测试突然拿...
css中::before和::after的区别
CSS选择器-系列文章 1、:before和:after伪元素 :before和:after,用于在修饰元素的内部...
使用CSS伪元素，before and after 画出一个五角星 before 和 after 顾名思义 其就是...
没有兼容性问题！没有兼容性问题！没有兼容性问题！ 假设，list_container是需要内容滚动的，如果用css...
CSS兼容性问题PC页面布局兼容JS兼容问题移动页面兼容问题 CSS兼容问题.header {_width:100...
css的伪元素:after :before的默认display属性伪inline
使用before、after给文字前后添加横线 css横线居中 demo地址
一、table自带功能 html css 二、100%高度的after、before加上inline block ...
本文标题：css before、after兼容性问题
本文链接：https://www.haomeiwen.com/subject/psrbwqtx.html
网友评论