移动端1px像素设置
2017-06-25 21:33
337 查看
stylus样式：伪类+手机短缩放
手机dpr为
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)
.border-1px
&::after
-webkit-transform: scaleY(0.7)
transform: scaleY(0.7)
手机dpr为2
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2)
.border-1px
&::after
-webkit-transform: scaleY(0.5)
transform: scaleY(0.5)
手机dpr为
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)
.border-1px
&::after
-webkit-transform: scaleY(0.7)
transform: scaleY(0.7)
手机dpr为2
@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2)
.border-1px
&::after
-webkit-transform: scaleY(0.5)
transform: scaleY(0.5)
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 移动端一物理像素边框的设置
- 移动端1px像素边框
- CSS盒模型--边框设置：border: 1px solid red(像素 样式 颜色 )，border-bottom:1px dotted #ccc
- 移动端基础知识（像素+1px边框+css长度值）
- 如何在移动端设置1px的border
- 移动端border为1px的设置方法
- 1px物理像素，js移动端; css三角形
- win8 设置摄像头预览像素
- OpenCV获取与设置像素点的值的几个方法
- cvMatND 多维数组 设置和读取像素值
- html table边框大小设置为1px后，仍然显得很粗的解决办法
- iOS中逻辑点与像素点的区别 为什么iOS设置坐标时还是320、460或320和548呢？
- font-size问题——当你设置font-size为12px时height为14，每增加一个像素高度相应就增加二个像素
- IOS CGContextSetLineWidth无法设置1像素线宽？
- OpenCV获取与设置像素点的值的几个方法
- OpenCV获取与设置像素点的值的几个方法
- 一般网页宽度设置多少像素合适？
- Windows中设置OpenGL像素格式的两种方法
- 使用li做水平分割线，高度1px时其上端有十几个像素的空白
- CSS设置1px漂亮表格边框?