扫码关注官方订阅号
微博手机网页端是如何实现1px边框的?
正常写手机版网页1px在高分屏上通常都不止1个像素但是打开微博网页版,消息、我,这两页边框都是真正的1个像素,请问如何实现的。
小伙看你根骨奇佳,潜力无限,来学PHP伐。
可以直接用背景图的形式,不设置border
使用 transform 的 scale
border-bottom: 1px solid #D5D5D6 transform:scaleY(0.5);
设置一个伪元素,宽高200%,设置他的边框为1px,然后用css3缩小一倍,能同时把border缩小为0.5px,其他单边边框同理
现在比较流行(靠谱)的方法就是用伪元素画线,然后transform:scale(0.5)你可以参照下微信的那套weui,里面所有的border都是这么写的微信官方都这么写了,应该是没问题了
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
可以直接用背景图的形式,不设置border
使用 transform 的 scale
设置一个伪元素,宽高200%,设置他的边框为1px,然后用css3缩小一倍,能同时把border缩小为0.5px,其他单边边框同理
现在比较流行(靠谱)的方法就是用伪元素画线,然后transform:scale(0.5)
你可以参照下微信的那套weui,里面所有的border都是这么写的
微信官方都这么写了,应该是没问题了