Bessicxie的博客

由于设备像素比存在的原因，我们在处理设计图的一些边框时，对于1px的border，如果在代码里将其写死，可能在不同设备像素比的设备中，粗细不一样，尤其是在目前大多数设备像素比为2的设备中，过粗。 那么利用媒体查询和”min-device-pixel-ratio”就可以轻松的搞定，实现货真价实的1px border。

目前HTML5已向开发人员提供了很多新的标签，如section，nav，article，header和footer等。这些标签语义化程度高，会被经常使用，但在IE6，IE7，IE8和Firefox 2等老式浏览器中却不能识别和正常使用。

1.flex布局所谓的flex布局，即Flexible Box，弹性布局。兼容ie10以上的浏览器。要注意的是，一旦容器设置了弹性布局，里面items的浮动和定位都会失效。使用弹性布局，首先必须有一个容器，文档中全部设置display:flex的元素，都是一个flex布局的容器，改容器里面的第一层元素，就是改容器的flex-items;容器有6个属性：分别是flex-fow,flex-di...