详解移动端Html5页面中1px边框的几种解决方法

问题提出 这是一个比较老的问题了,我第一次注意到的时候,是UI设计师来找我麻烦,emmm那时候我才初入前端职场,啥也不懂啊啊啊啊啊,情形是这样的: 设计师拿着手机过来:这些边框都粗了啊,我的设计稿上是1px的 我:????我写的是1px呀,不信你看。(说着拿出了css代码 设计师:不对啊我眼睛看来这个边框比我设计稿上粗很多,看起来好奇怪(emmm果然像素眼 我:那我把它改成0.5px你看看(边说边改了代码 设计师一看,点点头,果然好很多。 后来发现同样的代码在某些安卓机上是有问题的,会导致0.5px的线看不见。 奇了怪了,显然改成0.5px不能解决问题,但是确实1px边框看上去比设计稿上要粗很多,原因何在? 1px边框的表现 我直接使用css去定1px的边框, html:
  • 1
  • 2

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码