解决移动端border 1像素变2像素问题
2018-04-20 12:51
507 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="js/rem.js"></script>
<style>
.border1:after {
position: absolute;
right: 0;
bottom: 0;
left: 0px;
height: 1px;
content: '';
-webkit-transform: scaleY(.5);
transform: scaleY(.5);
background-color: #000;
}
.border{
width:1rem;
height:.0075rem;
background:red;
margin-top:20px;
position:absolute;
left:0;
top:20px;
}
</style>
</head>
<body>
<div style="position:relative;">
<div class="border1"></div>
<div class="border"></div>
</div>
</body>
</html>
阅读更多
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js 实现在移动端开发，解决不同手机像素大小的兼容问题
- stylus解决移动端1像素边框的问题
- 解决移动端的一像素问题
- 饿了么项目---4、移动端查看项目及border 1像素问题
- 利用stylus解决移动端1像素边框的问题
- 关于移动端border 1像素在不同分辨率下边显示粗细不一样的处理
- 移动端1像素边框问题
- 解决移动端web页面整个背景图横向滚动问题
- 解决移动端自适应问题——rem
- js worker 解决移动端定时器锁屏后不继续执行的问题
- 移动端页面滚动穿透问题解决方案
- 移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法 （ 摘自zdwzdwzdw）
- base64 解决图片移动端上传保存问题
- fastclick.js - 解决移动端 click 事件响应慢和点透问题
- 移动端兼容性问题解决方案
- 【IE6的疯狂之六】li在IE中底部3像素的BUG（增加浮动解决问题）
- 如何解决PC端和移动端自适应问题？
- HTML5和HLS协议两种技术完美结合解决移动端网页播放问题
- 不使用软件及硬件，电脑启动wifi,解决移动端通过电脑绑定host,无法访问服务器问题
- htc方式 解决ie8 border-radius不兼容问题