...

在做移动端开发时，设计师提供的视觉稿一般是750px，当你定义 border-width:1px 时，在iphone6手机上却发现：边框变粗了。。 这是因为，1px是相对于750px的（物理像素），而我们定义的1px是相对于375px的（css像素）“实际上应该是border-width ...

参考： https://blog.csdn.net/Tyro_java/article/details/52013531 效果： 方法：利用 伪元素 + 缩放 注：我的页面是vue页面，使用v-for渲染的 页面： css： ...

使用CSS 绘制出 1px 的边框，在移动端上渲染的效果会出现不同，部分手机发现1px 线条变胖了，这篇文章整理2种方式实现1px 像素线条。 1、利用box-shadow + transform 办公资源网址导航 https://www.wode007.com ...

移动项目开发中，安卓或者IOS等高分辨率屏幕会把1px的border渲染成2px来显示，网上搜了一下，解决方法如下： 一、利用css中的transform的缩放属性解决，推荐这个。如下面代码。 这个主要利用after伪类进行缩放。调用公共class，还是很方便 ...

由于某些机型分辨率过高,会导致1px变成2-多px像素的问题,引用bordercss解决 ...

引入下面这段css ...

解决移动端1px边框问题的几种方法 本文介绍了解决移动端1px边框问题的5种方法。当然了，在这之前先整理了与这些方法相关的知识：物理像素、设备独立像素、设备像素比和viewport。 物理像素、设备独立像素和设备像素比 在CSS中我们一般使用px作为单位，需要注意的是，CSS样式里面的px ...