点击查看原文地址： html5 Canvas画图3：1px线条模糊问题 本文属于《html5 Canvas画图系列教程》 接上一篇canvas画线条教程 上次我们讲到，canvas有时候会出现1像素的线条模糊不清且好像更宽的情况，如下图： 这样的线条显然不是我们想要的。这篇 ...

布局视口 layout viewport： 手机一般为了容纳为桌面浏览器设计的网站，默认布局viewport宽度远大于屏幕的宽度，为了让用户看到网站全貌，缩小网站。例如，apple一般将viewport宽度定为980px。主要意义是手机厂商不至于让自家手机变得可笑，在打开大于980宽度 ...

　　本文介绍了移动端适配的3种方法，以及移动端图片模糊问题和1px细线问题的解决方法。当然了，在这之前先整理了与这些方法相关的知识：物理像素、设备独立像素、设备像素比和viewport。 >>>>物理像素、设备独立像素和设备像素比 　　在CSS中我们一般使用px作为单位 ...

在做移动端开发时，设计师提供的视觉稿一般是750px，当你定义 border-width:1px 时，在iphone6手机上却发现：边框变粗了。。 这是因为，1px是相对于750px的（物理像素），而我们定义的1px是相对于375px的（css像素）“实际上应该是border-width ...

当我们在项目开发中，拿到设计师的设计图，满怀欣喜的准备按照设计图将页面实现出来的时候，我们通常会遇到这个问题： 如何将页面的内容按照在不同手机屏幕浏览的情况下，比例都是不变的呢？这个时候我们就需要使用到动态rem来解决问题。 1：拿到屏幕宽度，以屏幕宽度作为rem的基准值 2：如果觉得基准值 ...

1px：阴影水平偏移值（可取正负值）；2px：阴影垂直偏移值（可取正负值）；3px：阴影模糊值； rgba(0,0,0,0.2)中： 第一个0：R 第二个0：B 第三个0：G 第四个0.2表示透明度为20%。 ...

在移动端web开发过程中，如果你对边框设置border：1px，会发现，边框在某些手机机型上面显示的1px比实际感觉会变粗，这也就是1像素问题。如下图是对桌面浏览器和移动端border设置1px的比较。那么是什么导致这种原因的呢？ 一、1px像素产生原因 首先，我们先对物理像素，设备独立 ...

解决移动端1px边框问题的几种方法 本文介绍了解决移动端1px边框问题的5种方法。当然了，在这之前先整理了与这些方法相关的知识：物理像素、设备独立像素、设备像素比和viewport。 物理像素、设备独立像素和设备像素比 在CSS中我们一般使用px作为单位，需要注意的是，CSS样式里面的px ...