vue 项目中使用的px2rem插件，导致部分安卓机低版本 不显示1px 的border

最新推荐文章于 2023-05-09 15:32:57 发布
最新推荐文章于 2023-05-09 15:32:57 发布
阅读量1.4k 收藏 2
点赞数
分类专栏： css 文章标签： css px2rem
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lucky___star/article/details/93379946
版权

解决方法：把1px 小写改成大写，可以完美的规避px2rem 的px向rem 的转化
比如：border-bottom: 1px solid #ddd; 改成 border-bottom: 1Px solid #ddd;

叶公子star
关注
专栏目录
vue2/3 | uniapp - [通用]实现移动端点击商品加入购物车动画功能，加入购物车时类似抛物线掉入页面悬浮的购物袋中，类似美团淘宝外卖电商加入商品到购物车效果（详细示例代码，一键复制开箱即用
高级前端工程师
03-04 3131
vue2，vue3，uniapp，加入购物车飞入交互效果，移动端h5网页网站，手机端H5，vue实现商品加购物车时的动画，uniapp实现将商品放入购物车的飞入动效，购物车飞入动画，vue实现点击商品加入购物袋动画，uniapp实现购物车的动态添加动画抛入效果，加入购物车的小球落入动画，vue实现购物车抛物线小球动画效果，uniapp项目中css实现加入购物车小球抛物线飞入动画效果，vue加入购物车物体移动效果，如何实现点击加入购物车后按一定轨迹飞到悬浮的购物车中，利用贝塞尔曲线实现添加购物车时的小球抛物线
移动端开发中，关于 1px 的边框，有的时候不显示
weixin_43703816的博客
04-28 1142
在移动端开发中，会遇到给盒子加边框的问题 ， 对于移动端来说，ui给到我们设计图的时候，我们需要转换一下单位，可是在ui图上，那个边框就是1px solid #f5f5f5; 当转换为rem时，我设置的是0.01rem ，因为像素要除以100,才得到rem ，所以就是border-bottom:0.01rem sold #f5f5f5; 但是神奇的问题就出现了，在真机测试的时候，在安卓和ios系统上，会出现有的盒子显示...
部分安卓机型1px边框无法显示解决方法
weixin_30488085的博客
11-15 1503
实践发现css样式中使用1px solid 在部分安卓机型无法显示。 网上找到解决方案：使用行内样式设置边框。 转载于:https://www.cnblogs.com/chunshan-blog/p/9966185.html...
移动端rem横竖屏的适配以及华为等机型rem失效的问题
Leo_xian的博客
10-11 2517
横竖屏的适配 平时在做移动端的适配时，会经常用到rem单位来适配屏幕，大多数都是竖屏的情况，正常都能满足我们的需求。 但是最近遇到了一个h5的小项目，是需要固定横屏，之前的js只是对竖屏进行了适配，横屏的时候由于宽高比例的转换，计算rem的算法也需要稍微改进一下，以750px的设计稿为例： (function (doc, win) { var docEl = doc.documentElem...
android rem,用rem布局，在安卓app中浏览页面样式乱了，好像是rem没生效，有啥解决办法？...
weixin_40001309的博客
05-27 409
function rem(win, doc){function setFontSize() {var winWidth = window.innerWidth;var size = (winWidth / 640) * 100;doc.documentElement.style.fontSize = (size < 100 ? size : 100) + 'px' ;}var evt = ...
border在部分移动端浏览器下不显示边框的解决方案
小疯癫丶先森的软件编程之路
05-31 9746
博主在做项目途中遇到的问题，归为问题解决、或者杂谈。有问题请指出谢谢。 RT，我设置的是0.5px的边框，部分浏览器可以显示，部分浏览器不显示，经过调试得出，移动端浏览器最低支持1px的边框，也有解决方法，那就是写行内样式。 ...
vue2手机APP项目添加开屏广告或者闪屏广告
08-28
Vue2 手机 APP 项目添加开屏广告或者闪屏广告 在移动应用程序中，添加开屏广告或者闪屏广告是一种常见的营销手段，能够提高应用程序的曝光率和income。今天，我们将详细介绍如何在 Vue2 手机 APP 项目中添加开屏...
vue2手机APP项目中，加入开屏广告或者闪屏广告
06-21 4577
一般项目里，有的会在启动的时候加开屏广告或者闪屏广告。我们是在index.html通过定位来做的。如下： style media="screen"> #entry { width: 100%; height: 100%; z-index: 200; position: relative; } #entryAdv { display: non
移动端用户设置字体大小导致适配失败(vue)
DuBanL的博客
01-07 823
一 安卓端处理方式 在app.vue里面加入以下代码 mounted () { // remFN() (function (doc, win) { var remFull = 3.75 // 3.75rem全屏 var docEl = doc.documentElement var resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize' var re
rem移动端布局怎么适配IOS和Android
weixin_41809141的博客
07-06 5004
 rem移动端布局怎么适配IOS和Android        昨天“佬大”问我做的h5页面在ios上面显示正常，但是Android就变惨不忍睹了，于是我又开始了度量之路，几个小时过去了......“佬大”问好了没。我说：“还没”那你还是问下“俊伟”吧，果然一问牛逼的同事，迎刃而解的快感你感受到了没。做为一个程序员一定要学会问问问。  我当时用的是这种方式 &lt;meta name="v...
vue.js android 4.4,使用VS2017开发APP中使用VUE.js开发遇到打包出来的android文件 在低版本的android（4.3）中无法正常使用...
weixin_32228727的博客
05-27 146
使用VS2017开发VUE的APP应用遇到的问题集合1， 打包出来的apk文件在Android 6.0版本以上手机可以正常打开，在Android 4.3版本手机上无法打开原因：一开始猜测是不是VS中安卓设置不正确，最后确定的问题是，低版本内置的浏览器(webview)版本太低，无法解析 ES2015最新的一些语法。需要在Webpack中配置babel-loader，还需要在项目最外层添加一个.b...
webStorm插件安装px2remforwebstorm
12-02 3806
webStorm插件安装px2remforwebstorm1.英文版(file--&gt;settings--&gt;plugins--&gt;Browse repositories)中文版(文件--&gt;设置--&gt;插件--&gt;Browse repositories)2.弹出框中搜索px2rem找到下方插件3.安装这个插件，并重启WebStorm4.重启好了以后可以开始设置转换比例了，...
vue解决低版本安卓手机兼容性问题
pengjungui6的博客
05-13 6687
低版本的安卓手机出现接口数据访问不到，或者白屏，是由新特性不支持引起的 解决代码es6新特性兼容问题 1，安装es6新特性， npm install babel-polyfill --save 2，main.js 引入 import 'babel-polyfill' 或者引入cdn：https://cdn.bootcss.com/babel-polyfill/7.4.4/polyfi...
vue项目解决android版本过低引起兼容问题(例如华为荣耀6)
zuo-yiran的博客
09-18 1万+
问题描述： 在项目中发现在华为荣耀6手机上，出现页面白屏，抓包后显示接口调用并没有执行，查找后认为是android版本过低（升级测试android4.4.2已是华为荣耀6的最新系统）。 华为荣耀6：android版本4.4.2 接口请求是用axios + promise方式进行请求的封装。 查找后发现是说axios不兼容造成的，但是axios又是基于es6中promise用于浏览器和node.js...
踩坑之安卓低版本不显示css/js以及其他版本部分js失效问题
Pamela
12-27 839
手上安卓机型 华为安卓4.4/6.0/7.0 测试 环境:webpack+vue 安卓 报错 4.4 js/css失效 6.0 js失效 7以上 正常 解决 安卓 报错 6.0 使用ie打开运行项目,解决所有报错 4.4 webpack直接npm install jquery过高,更改为npm install jquery@^2.2.4 --save...
CSS样式更改：边框Border的另类用法
最新发布
weixin_41888295的博客
05-09 1021
内联样式是一种直接在HTML标签中使用的样式，可以通过修改字体属性来设置网页中文本的字体。在使用内联样式时，需要在CSS文件中将相应的样式属性定义为”font”，并在需要使用该字体的元素上设置相应的属性值。在上面的代码中，我们定义了一个”h1”元素，并使用了内联样式来设置它的字体。自定义的媒体查询是一种定义了媒体查询，但将特定的查询作为替代媒体查询的方法。在上面的代码中，我们使用了预定义的媒体查询来更改网页中body元素的字体大小。在上面的代码中，我们使用了自定义的媒体查询来更改网页中p元素的字体大小。
vue-cli4+vue2兼容安卓7(h5嵌入app)，一步步排查发现问题并且解决(vue白屏)
weixin_39838846的博客
08-01 2163
vue-cli4+vue2兼容安卓7(h5嵌入app)，一步步排查发现问题并且解决(vue白屏)
Vue项目中遇到的对象数据获取问题
m0_46966817的博客
05-08 5565
浏览器打印数据即获取异常问题
postcss-pxtorem如何忽略单个属性
热门推荐
hanshuoNB的博客
08-24 1万+
postcss-pxtorem如何忽略单个属性好几天没写文章了，最近太忙了。。。。今天分享一个关于postcss-pxtorem的hack 先上代码看一下const pxtorem = require('postcss-pxtorem');new webpack.LoaderOptionsPlugin({ options: { postcss: function
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值