// 比较好的解决移动端1px（less）
.border1px( @direction: top, @color: currentColor ) {
border-@{direction}: 0.5px solid @color;
@media screen and (min-resolution: 2dppx),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
border-@{direction}: 0.5px solid @color;
}
@media screen and (min-resolution: 3dppx),(-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
border-@{direction}: 0.3333px solid @color;
}
}
// 使用
.border1px(top, red);
.border1px( @direction: top, @color: currentColor ) {
border-@{direction}: 0.5px solid @color;
@media screen and (min-resolution: 2dppx),(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
border-@{direction}: 0.5px solid @color;
}
@media screen and (min-resolution: 3dppx),(-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3) {
border-@{direction}: 0.3333px solid @color;
}
}
// 使用
.border1px(top, red);
展开
1
点赞