IOS移动端1px解决方案
2017-09-25 21:48
344 查看
.item {
position: relative;
}
.item:after {
content: ”;
display: block;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 1px;
background-color: #c8c7cc;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
这段代码插入进你的基础样式表中,如果需要到就添加类名到你需要的盒子上,就可以在该节点下面显示1px高度的线。
position: relative;
}
.item:after {
content: ”;
display: block;
position: absolute;
width: 100%;
left: 0;
bottom: 0;
height: 1px;
background-color: #c8c7cc;
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
这段代码插入进你的基础样式表中,如果需要到就添加类名到你需要的盒子上,就可以在该节点下面显示1px高度的线。
相关文章推荐
- 【移动端debug-4】iOS下setTimeout无法触发focus事件的解决方案
- IOS下Iphone手机访问移动端页面,on预绑定的click事件不执行,解决方案
- 移动端1px边框的解决方案
- 移动端1px边框解决方案
- 移动端1px直线解决方案
- css 移动端1px的解决方案
- 关于移动端web 1px边框解决方案
- 移动端1px细线解决方案总结
- 移动端 ios 系统键盘遮挡解决方案
- HTML的meta,移动端IOS,几种解决方案
- 移动端1px解决方案
- 移动端HTML5,ios点击事件闪现灰色背景解决方案
- 移动端1px解决方案
- 移动端视网膜(Retina)屏幕下1px边框线 解决方案
- 移动端1px解决方案
- 移动端视网膜(Retina)屏幕下1px边框线 解决方案 -- 不错 保留
- 移动端ios:active伪类无效的兼容解决方案
- 纯css隐藏移动端滚动条解决方案(ios上流畅滑动)---转载
- 移动端 Retina屏 各大主流网站1px的解决方案
- 移动端 ios键盘挡住底部 输入框的问题完美解决方案