移动端1像素边框

在src/common/stylus目录下新建mixin.styl并定义1像素边框的方法,使得项目里的文件都可以使用这些方法

在src/common/stylus目录下新建base.styl定义两个全局的类名

在src/common/stylus目录下新建index.styl并引入其他.styl文件

在src/main.js中引入index.styl

使用时在class中加入具体1像素边框的类名

在style样式中引入文件

并使用1像素边框的方法

至此实现1像素边框

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   对于前端开发者来说,要处理这个问题,必须先补充一个知识点,就是设备的 物理像素[设备像素] & 逻辑像素[CS...
    果汁凉茶丶阅读 30,900评论 4 60
  • 移动端1像素边框问题: 设置一个div的底部边框为 1px solid #000; 实际表现却是边框线是模糊的,或...
    shanshanfei阅读 935评论 0 0
  • 关于dpr的问题可以看看张鑫旭大神的文章设备像素比devicePixelRatio简单介绍和简书一篇文章前端工程师...
    luichooy阅读 4,232评论 0 5
  • 1像素在一般屏下呈现往往没有问题,但在retina屏下则呈现比较宽,肉眼看上去不像是一像素,为了解决这个问题可以用...
    xinhui9056阅读 197评论 0 0
  • 使用有局限性,一般只能用作分割线 解决移动端适配的问题的解决方案:手淘-flexible方案缺点:只针对IOS适配...
    futing阅读 384评论 0 0