解决移动端的一像素


给这个盒子一个类名 class="border-1px",给底部添加1px的边框

.border-1px{
  position:'relative';
}
.border-1px:after{
  display:'block';
  position:'absolute';
  left:0;
  bottom:0;
  width:100%;
  border-top:1px solid #ccc;
  content:' ';
}
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5) {
  .border-1px ::after {
      -webkit-transform: scaleY(0.7);
      -moz-transform: scaleY(0.7);
      -ms-transform: scaleY(0.7);
      -o-transform: scaleY(0.7);
      transform: scaleY(0.7);
  }
}

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2) {
  .border-1px::after {
      -webkit-transform: scaleY(0.5);
      -moz-transform: scaleY(0.5);
      -ms-transform: scaleY(0.5);
      -o-transform: scaleY(0.5);
      transform: scaleY(0.5);
  }
}

  



优质内容筛选与推荐>>
1、HDU 1520 Anniversary party【树形DP】
2、windows XP系统搜索无线网络时提示“windows无法配置此无线连接”,如何处理?
3、QT 启动时窗口大小调整
4、小练手3
5、过滤器


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号