RETINA 屏幕1px 边框实现
2016-01-07 11:07
337 查看
retina 屏幕1px 边框会显示的比较宽,解决办法是,使用scale 缩放0.5倍实现,并且需要是在after 伪元素中实现缩放,不影响原有元素
另外还可以通过线性渐变,50%的半透明,来实现半px的线条
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> .container1 { border: 1px dashed red; margin-top: 10px; } .container2 { position: relative; margin-top: 10px; } .container2:after { content: ""; position: absolute; bottom: 0px; left: 0px; right: 0px; border-bottom: dashed red 1px; -webkit-transform: scaleY(.5); } </style> </head> <body> <div class="container1"> WSKTN </div> <div class="container2"> WSKTN </div> </body> </html>
另外还可以通过线性渐变,50%的半透明,来实现半px的线条
.container3 { margin-top: 10px; height: 1px; background: white -webkit-linear-gradient(bottom , red, red 50%, transparent 50%, transparent 100%) left bottom no-repeat }
相关文章推荐
- SpringMVC HandlerInterceptorAdapter登陆验证拦截器
- YTU 1098: The 3n + 1 problem
- NSArray基础-初始化、创建、访问、获取、枚举
- 修改最低版本minSdkVersion(转)
- Mantis 安装与配置
- TP框架代码学习 学习记录 3.2.3
- 高精度不会的迅速暴击此处
- matlab下libSVM的用法
- C# 序列化和反序列化
- 标准库类型vector
- 抓取Android平台数据包之tcpdump 工具的使用
- 近期的烦恼和计划
- 【转】MyEclipse快捷键大全
- 矛与盾——扫描器盲打对主动安全防护的启示
- SQL Server 2008R2 数据库出现“可疑”导致无法访问
- 一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10
- Win7不能访问XP共享的一个解决办法
- Intellij IDEA搭建Spark源码阅读环境
- gdb调试工具的使用
- android-dev-com