不同的浏览器会要求不同的字体文件类型:TrueType（TTF）和OpenType（OTF）字体文件在绝大多数的浏览器上都能正常工作。IE4—IE8要求使用特殊的字体文件格式：嵌入式OpenType（EOT）唯一能够在Safari上正常工作的字体文件格式就是SVG，SVG在chrome、Opera上也能正常工作，但在Firefox上不行。WOFF的含义是Web开放字体格式。越来越多的浏览器都在添加对它的支持。
windows或者mac的高分辨率电脑，默认都喜欢将显示分辨率放大125%或者150%（windows下，右键桌面->显示设置->缩放与布局），此时，如果在100%情况下，看起来比较舒服的页面，到了这种分辨率下，看起来会非常“臃肿”，我爱模板网就遇到了这给情况，一般都要跟客户解释下：“是您的电脑设置问题，您把缩放设置为100%看下？”，
在使用选择器嵌套的时候有一种情况需要特别注意，先看一段scss代码实例: text a { color: blue; :hover { color: red }} 也许写此段代码目的是为了将其编译成如下css代码: text a { color: blue;} tex
我爱模板网 在做一个网站时，需要录入用户的个人简历，使用的是textarea组件，客户的意思是能够根据填写的内容自动撑高高度。百度一番，找到下面的文章感觉不错： 方法一：使用
IE条件注释 在前几年很好用，那个时候用IE6-IE8的用户很多，而IE对css3等的兼容性又差，但是IE9以下版本都是支持条件注释的。现在做项目很少遇到要兼容IE的了。而且，现在大多都是单
zoom和scale这两个东西都是用于对元素的缩放，但两者除了兼容性之外还有一些不同的地方。zoom缩放会将元素保持在左上角，而scale默认是中间位置，可以通过transform-origin来设置。另外他
如果你希望 scoped 样式中的一个选择器能够作用得“更深”，例如影响子组件，你可以使用深度（穿透）选择器
