weixin_48128080的博客

1.直接写成0.5px 可以先在 JS 中拿到 window.devicePixelRatio 的值，然后把这个值通过 JSX 或者模板语法给到 CSS 的 data 里，然后就可以在 CSS 中用属性选择器来命中 devicePixelRatio 为某一值的情况。直接把 1px 改成 1/devicePixelRatio 后的值，这是目前为止最简单的一种方法。这种方法的缺陷在于兼容性不行，IOS 系统需要8及以上的版本，安卓系统则直接不兼容。 2.伪元素先放大后缩小 这个方法的可行性会更高，兼容性也

CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。 css预处理器种类繁多，三种主流css预处理器是Less、Sass（Scss）及Stylus；它们各自的背景如下: Sass： 2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS（SCSS 需要使用分号和花括号而不是换行和缩进）。 Less： 2009年出现，受SASS的影响较大，但又使用CSS的语法，让大部

1)visibility: hidden是许多人在隐藏某个HTML元素时的首选。如页面中图片不见了，但是也没中原来图片的位置留下了一片空白区域。这个属性只是简单的隐藏某个元素，但是元素占用的空间任然存在。 设置visibility: visible可以使隐藏的元素变为可见。 2)设置opacity: 0可以使一个元素变得完全透明，从而制作出和visibility: hidden一样的效果。opacity和visibility相比，其优势在于它可以被transition和animate。 ...

浮动布局（y轴） float:left 浮动元素： 1.脱离文档流 2.块元素的宽度不再是100%，由内容决定 3.块元素不再支撑其父元素 4.同一层次（兄弟关系）浮动元素会在一行排列，当浮动元素宽度总和大于父元素的时候发 生换行。 clear 清理浮动 clear:left 不与左浮动元素在同一水平线上 clear:right 不与右浮动元素在同一水平线上 伸缩盒布局（x轴） ...