移动端1像素实现
来源:互联网 发布:杰奇小说源码 编辑:程序博客网 时间:2024/05/21 06:21
.bor-bottom{ position: relative; border-top: none !important; } .bor-bottom::after { content: " "; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background-color: #e4e4e4; -webkit-transform-origin: left bottom; transform-origin: left bottom; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { .bor-bottom::after { -webkit-transform: scaleY(0.7); transform: scaleY(0.7); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.0) { .bor-bottom::after { -webkit-transform: scaleY(0.5); transform: scaleY(0.5); } } @media only screen and (-webkit-min-device-pixel-ratio: 2.5) { .bor-bottom::after { -webkit-transform: scaleY(0.33333334); transform: scaleY(0.33333334); } } /* 3倍屏 */ @media only screen and (-webkit-min-device-pixel-ratio: 3.0) { .bor-bottom::after { -webkit-transform: scaleY(0.33); transform: scaleY(0.33); } }
阅读全文
0 0
- 移动端1像素实现
- 移动端(手机)1像素边框真正实现
- 移动端如何真正实现1像素border
- 移动端(手机)1像素边框实现方法
- 移动端1像素解决方案
- 在移动端实现一像素边框
- 移动端1px像素设置
- 移动端1像素边框问题
- 移动端1像素的边框
- 移动端1px像素边框
- 移动端(手机)实现1像素下边框的方法
- 移动端像素的深究
- 移动端一像素边框
- 移动端一个像素问题
- 移动1像素的问题
- 移动web 1像素边框
- 移动端1像素边框问题的解决方案
- 移动端开发--物理像素和逻辑像素
- 递归编程盘点
- libfdk_aac is incompatible with the gpl and --enable-nonfree is not specified.
- 学习方法总结
- shell 脚本编程之条件语句
- 不敢死队问题
- 移动端1像素实现
- xadmin theme自定义主题
- [Navicat] 常用快捷键及注意事项
- CSS基础
- 进程的分类和杀死顺序
- 标识符
- HDU 6069 Counting Divisors (2017 Multi-Univ Training Contest 4)
- 全国法院名录json
- Kotlin配合Gson进行json数据解析