问题: 手机端 1px 边框比较粗,没有微信自带的边框细
解决办法:
.
item4,.
item5 {
width: 200 px;
height: 100 px;
position: relative;
margin: 10 px;
}
. item4 {
border: 1 px solid #000;
}
. item5:: before {
content: '';
position: absolute;
width: 200 %;
height: 200 %;
border: 1 px solid #000;
transform-origin: 0 0;
transform: scale( 0.5, 0.5);
box-sizing: border-box;
}
width: 200 px;
height: 100 px;
position: relative;
margin: 10 px;
}
. item4 {
border: 1 px solid #000;
}
. item5:: before {
content: '';
position: absolute;
width: 200 %;
height: 200 %;
border: 1 px solid #000;
transform-origin: 0 0;
transform: scale( 0.5, 0.5);
box-sizing: border-box;
}
<div class="item4">测试用的边框</div>
<div class="item5">测试用的边框</div>
<div class="item5">测试用的边框</div>