之前写的时候不太了解人家移动APP是怎么实现的，后来自己摸索 知道了可以使用缩放的方式解决线比较粗的问题。 最近看到了 小月博客里的一篇文章： http://www.aliyue.net/1487.html，因此，自己总结了一下。 ...

前端页面细节处理好了才会显得精致。边框在网页中是常见的一种样式了。虽然不把它处理为0.5px看上去没毛病，但是想让你做的东西征服更多的人，这些细节处理是必须的。 今天主要说一下如何让边框显示0.5px的方法： 方法一：利用渐变 关于渐变可以看下面两篇文章做深入了解： CSS3 渐变 ...

用CSS设置边框宽度为0.5px，可以使边框看起来更加细腻，特别是在移动端，设计师会有这样的要求。 但遗憾的是，大多数Android手机并不能识别0.5px。因此我们可以使用CSS3来变通的实现0.5px的边框需求。 .content ...

CSS设置1px变粗的原因： 为什么移动端css里面写了1px, 实际看起来比1px粗. 其实原因很好理解:这两个“px”的含义是不一样的. 移动端html的header总会加上一句： 这句话定义了本页面的viewport的宽度为设备宽度,初始缩放值和最大缩放值都为1,并禁止 ...

1px? 0.5px! 前一段时间刚开发完一个项目，但总感觉界面样式怪怪的，虽然表面上看起来和设计稿是一样的，可是就是没设计稿那种感觉，而且莫名还有一种山寨的气息，让我感到很郁闷，找来找去终于发现罪魁祸首——border线宽的问题。 问题产生的原因 关于设备像素的基础知识，建议去看 ...

0.5px 的像素在移动端的要求还是需要的。 css3 动画技巧：在开始的时候如果想在某个属向上写动画，就在该元素的属性上加上最初的属性。left：0px； transform：；中间可以家多个属性，而不能些多个tansform； 在网上找了一个具体的实现办法，核心就是css3的缩放 ...

　　细线边框的具体实现方法有：伪元素缩放或渐变，box-shadow模拟，svg画线，border-image裁剪等。要实现小于1px的线条，有个先决条件：屏幕的分辨率要足够高，设备像素比要大于1，即css中的1个像素对应物理屏幕中1个以上的像素点。 　　对于普通电脑，屏幕物理像素和css像素 ...

移动端浏览器解决1px的底部border问题 1、使用border:1px solid #e0e0e0。 在不同设备下由于devicePixelRatio不同导致1px实际显示的长度不同。所以在移动端会显示出3px或者2px。所以不能用。 2、使用 ...