摘要：产生原因 设备像素比(window.devicePixelRatio)，也就是设备的物理像素与逻辑像素的比值 在retina屏的手机, dpr为2或3，css里写的1px宽度映射到物理像素上就有2px或3px宽度。 解决方案 实现1PX边框的方法有很多，各有优缺点，比如通过0.5px、背景图片实现、 阅读全文

摘要：CSS3中新特性样式篇 背景 background-origin： 规定背景图片的定位区域。 ☞ padding-box 背景图像相对内边距定位（默认值） ☞ border-box 背景图像相对边框定位【以边框左上角为参照进行位置设置】 ☞ content-box 背景图像相对内容区域定位【以内容区 阅读全文

摘要：在处理移动端页面时，我们有时会需要将banner图做成与屏幕等宽的正方形以获得最佳的体验效果，比如，商品详情页， 方法1、CSS3 vw单位 CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vmax。其中 vw 是相对于视口宽度百分比的单位，1vw = 1% vie 阅读全文

摘要：效果图： 图一： 图二： A、行内元素：line-height，如下： B、块级元素： 1）使用绝对定位和负外边距对块级元素进行垂直居中： 这个方法兼容性不错，但是有一个小缺点：必须提前知道被居中块级元素的尺寸，否则无法准确实现垂直居中。 2)另外一种使用绝对定位和负外边距进行垂直居中的方式 这种方 阅读全文

摘要："左边固定，右边自适应的两栏布局"，其中有老生常谈的float方法,BFC方法，也有CSS3的flex布局与grid布局。并非所有的布局都会在开发中使用，但是其中也会涉及一些知识点。 常用的宽度自适应的方法通常是利用了block水平的元素宽度能随父容器调节的流动特性。另外一种思路是利用CSS中的ca 阅读全文