布局方面，css有那么几个比较热衷的问题。其中，移动端1px边框问题的讨论不亚于垂直居中。那么移动端1px边框问题是如何产生的呢？由于现在的手机几乎都是retina屏，css设置的1px会被渲染成2px的物理像素（针对像素比等于2的屏幕），因此看起来会比较粗。既然知道了问题的产生原因 ...

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

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

引入下面这段css ...

，1px的边框在devicePixelRatio=2的retina屏下会显示成2px。所系css设置1px的 ...

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

之前写的时候不太了解人家移动APP是怎么实现的，后来自己摸索 知道了可以使用缩放的方式解决线比较粗的问题。 最近看到了 小月博客里的一篇文章： http://www.aliyue.net/1487.html，因此，自己总结了一下。 ...

前言 关于什么是移动端1像素边框问题，先上两张图，大家就明白了。 解决方案 将以下代码放在border.css文件中，然后引入 border.css【注意】 代码： . ...