&:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 200%;
height: 200%;
transform: scale(.5, .5);
transform-origin: left top;
border: 1px solid #beae8d;
}
&:before{
content: '';
position: absolute;
left: 0;
top: 0;
width: 200%;
height: 200%;
transform: scale(.5, .5);
transform-origin: left top;
border: 1px solid #beae8d;
}
前言 移动端的hairline边框解决方案，通常是使用transform:scale(0.5)来获得细边框，但有时...
1、移动端适配 2、1px边框问题
移动端1像素的问题 问题：一般在移动端，由于dpr（设备像素比）不为1，在PC端显示1像素的边框，在移动端其实显示...
下文部分引用于移动端1像素边框问题，这篇文章写得很详细，值得一看。 为什么移动端一像素边框和pc端不一样？ 其实这...
移动端兼容 css篇 移动端的 1px 问题描述：1px 的边框。在高清屏下，移动端的 1px 会很粗。 产生原因...
移动端布局rem解决方案
关于dpr的问题可以看看张鑫旭大神的文章设备像素比devicePixelRatio简单介绍和简书一篇文章前端工程师...
移动端1像素边框问题： 设置一个div的底部边框为 1px solid #000; 实际表现却是边框线是模糊的，或...
在src/common/stylus目录下新建mixin.styl并定义1像素边框的方法，使得项目里的文件都可以使...
本文标题：移动端1像素边框的解决方案
本文链接：https://www.haomeiwen.com/subject/kzqwzftx.html
网友评论