部分安卓机型1px边框无法显示解决方法

最新推荐文章于 2021-12-22 10:37:03 发布
转载 最新推荐文章于 2021-12-22 10:37:03 发布 · 1.5k 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/chunshan-blog/p/9966185.html
文章标签：

#移动开发

本文介绍了一种在部分安卓设备上解决1px solid边框不显示的方法，通过使用行内样式设置边框，有效解决了跨平台兼容性问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

实践发现css样式中使用1px solid 在部分安卓机型无法显示。

网上找到解决方案：使用行内样式设置边框。

转载于:https://www.cnblogs.com/chunshan-blog/p/9966185.html

移动端下1px产生原因及解决方案
u011973968的博客
01-16 666
点多
微信小程序 （适配小结、移动端1px与选择器权重）
weixin_45343878的博客
08-16 589
WXSS选择器权重与优先级 WXSS优先级与CSS类似，权重如下图所示 权重越高越优先。在优先级相同的情况下，后设置的样式优先级高于先设置的样式 权重案例 适配小结 上节介绍的物理像素与逻辑像素相关概念， 关键词： 物理像素dp （1）物理像素(physical pixel) 物理像素又被称为设备像素（device pixel简称dp）他是显示设备中一个最微小的物理部件。 一个设备的物理像素...
安卓手机1px显示不出来的问题
小草莓的博客
09-30 2784
安卓手机1px显示不出来的问题，将其写在行内样式就能显示出来
移动端开发中，关于 1px 的边框，有的时候不显示
weixin_43703816的博客
04-28 1301
在移动端开发中，会遇到给盒子加边框的问题 ， 对于移动端来说，ui给到我们设计图的时候，我们需要转换一下单位，可是在ui图上，那个边框就是1px solid #f5f5f5; 当转换为rem时，我设置的是0.01rem ，因为像素要除以100,才得到rem ，所以就是border-bottom:0.01rem sold #f5f5f5; 但是神奇的问题就出现了，在真机测试的时候，在安卓和ios系统上，会出现有的盒子显示...
vue 项目中使用的px2rem插件，导致部分安卓机低版本 不显示1px 的border
lucky___star的博客
06-23 1473
解决方法：把1px 小写改成大写，可以完美的规避px2rem 的px向rem 的转化 比如：border-bottom: 1px solid #ddd; 改成 border-bottom: 1Px solid #ddd;
动态rem与1px边框问题的理解
weixin_33757609的博客
07-28 329
当我们在项目开发中，拿到设计师的设计图，满怀欣喜的准备按照设计图将页面实现出来的时候，我们通常会遇到这个问题： 如何将页面的内容按照在不同手机屏幕浏览的情况下，比例都是不变的呢？这个时候我们就需要使用到动态rem来解决问题。 1：拿到屏幕宽度，以屏幕宽度作为rem的基准值 2：如果觉得基准值过大，将px换算成rem比较麻烦，可以将基准值缩小10倍 3：因谷歌浏览器有一个最小字体值，所以基准...
uniapp 1upx border在某些手机机型上某一边框显示不出来以及在安卓上显示的是2upx的解决方案
weixin_42535013的博客
12-22 2119
问题展示 css代码 .label-div { border: 1upx solid #F23D3D; } 效果展示 问题原因 iphone某些机型的兼容性问题 解决方案 使用css伪元素after和before给div设置四个边框上的0.5大小的线条，要保证每个边上只有一个border样式，防止样式重叠导致效果有偏差。 css代码 .label-div { position: relative; border: 1upx solid #F23D3D; } .label-div:after
微信小程序（适配小结、移动端1px与选择器权重）
woshierdanya的博客
08-16 1054
WXSS优先级与CSS类似，权重如下图所示 权重越高越优先。 权重案列： 回顾（关键词）： 物理像素dp （1）物理像素(physical pixel) 物理像素又被称为设备像素（device pixel简称dp）他是显示设备中一个最微小的物理部件。 一个设备的物理像素是固定不变的。 屏幕像素密度ppi 屏幕像素密度ppi（pixel per inch） 屏幕像素密度(ppi)是指一个设备...
Android机型适配
lucas的编程之旅
11-23 1689
2015/10/21 15:35:54 lucas 初步编辑2015年11月23日 03:44:59 lucas 参照了优快云上的一些博客进行了修改。201X年XX月XX日 XX:XX:XX 等待下一次修改，等下次空闲时，再完善一些内容，以及提供样例代码以及部分截图。Android机型适配 PS：Android机型适配一直以来都折磨着我们这些开发者，本篇文章讲介绍Android的屏幕适配，
Android自定义相机，带边框截图
yangsainan的专栏
10-30 9300
参考：点击打开链接
mint-ui的日期选择框DatetimePicker，android手机显示空白问题
Umbrella_Um的博客
09-09 1011
有华为或小米手机出现日期选择框，日期显示空白，确定和取消还在的问题，这些个兼容问题真的是很难查，但是好在网友给力，搜到了解决办法，分享给大家~~ 其实很简单，修改一个属性就行 .picker-items{ width:100% } 原文地址：https://blog.youkuaiyun.com/qq_34664239/article/details/93870689 ...
mobile web retina 下 1px 边框解决方案
weixin_34355715的博客
06-05 254
http://www.tuicool.com/articles/ZRv6bun 再谈mobile web retina 下 1px 边框解决方案 时间2015-01-03 12:03:31Hugo Web前端开发 原文http://www.ghugo.com/css-retina-hairline/ 主题WebKitiOSCSS 本文实际上想说的是i...
Android 画虚线的问题
yx19861211的博客
10-26 328
在一列清单下面要画一条虚线，与最下方确定按钮分隔开。我于是使用了shape,这本来是个很容易的事情，可弄了半天，一直是一条直线。先上代码看看吧。<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line"
解决移动端1px边框问题的几种方法
weixin_30896825的博客
09-15 470
1、边框粗细原因 在移动端下设置border为1px，在某些设备上看比1px粗。 这些由于不同的手机有不同的像素密度。在window对象中有一个devicePixelRatio属性，他可以反应css中的像素与设备的像素比。 devicePixelRatio的官方的定义为：设备物理像素和设备独立像素的比例，也就是 devicePixelRatio = 物理像素 / 独立像素。 ...
css设置了border-width:1px，却没有边框，原来是这么回事
muyangk的专栏
03-29 2286
border-style:solid 否则就没有边框，呵呵
移动端标签宽度为1px不显示解决
曹焱的博客
08-27 1781
因为转换的rem太小了，宽度为1px在有些机型就显示不出来。 将宽度为1px  写在内联样式中,就会显示出来了。       左边分享一个公众号，写一些散文和影评等，右边的是博主自己的二维码，欢迎一起讨论。                       ...
安卓设备1px边框较粗的问题解决
lavender_32的博客
09-18 1910
背景：设备分辨率dpr，安卓设备一般设备分辨率为2，相当于是2个像素为1px，在iphone5/6/7/8上设备分辨率为2，相当于2个像素为1px，在6p、7p、8p、x等手机上设备分辨率为3，相当于3个像素为1px；要想在设备锁看起来比较细，在二倍分辨率下就需要0.5px，在3倍分辨率下就需要0.33px，以此来构成1像素 flexable.js就是通过判断设备分辨率，控制meta标签进行相应的...
androidborder_安卓设备border: 0.5px不显示解决方案
weixin_39959615的博客
12-19 423
今天在工作中需要到了一个很奇怪的问题。iphone上可以正常显示0.5px的border，但是安卓设备并不显示。当时第一想到的解决方法就是border-width:1px，这样确实可以解决安卓不显示border问题，但是实际看到border总感觉比1px宽。第一次接触toC的移动端开发，经验不足，这时候就去查了一些资料。google一下0.5px之后，发现好多前辈早已经都给出来各种各样的解决方案。...
小程序ios页面正好，安卓的变了怎么解决
最新发布
03-08
/* 解决1px边框缩放问题 */ border: 1rpx solid #ddd; transform: scale(0.5); transform-origin: 0 0; } ``` 3. **图片适配方案**： ```wxml mode="aspectFit" class="responsive-img"/> ``` ### 五、性能...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值