简单的说，HACK 就是只有特定浏览器才能识别这段 hack 代码。Hack 也可以说是让前端最为头疼的问题，因为要写 N 多种兼容代码。当然，IE 是最让人蛋疼的。

移动端的屏幕大小各异,尤其是安卓机,千奇百怪,各种尺寸的机型都有,而且有1倍屏,2倍屏，3倍屏之分，作为精益求精的前端，我们希望找到一种完美适配各种机型的方案。rem是现在主流的移动端自适应布局方案，本文主要介绍了rem布局的原理和通用方案 首先说一下，我们想要达到的自适应效果…

Web 界面构建过程中，切图是必不可少的一步。在本文中，作者分享了常见切图的方法，PS 切图时常用到的功能，以及切图的实战学习。

写在前面： 在网页制作中，雪碧图也是前端攻城狮必须掌握的一项小技能。百度词条对雪碧图的解释是：CSS雪碧 即CSS Sprite，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。本文主…

1. Sass 和 Scss 2. Sass/Scss 和 Css 1. Ruby 安装 有 ruby 信息 -- 已安装 . 没有 ruby 信息，使用 brew install ruby 安装 ruby . 链接： 安装 Ruby . 2. Sass 安装 使用 sudo …

px2rem构建项目(vue-cli3.0)vuecreatehello-world(Manuallselectfeatures)安装px2rem-loader(devDependencies)npm

css中的 BFC 特性是在css2.1规范中引入的块渲染规则，利用这些规则可以帮助我们处理页面中的布局等问题。比如：在清除浮动方案中我们可以在父容器中加入 overflow:hidden，这就是利用了 BFC 特性。同时也是面试中一个常问的知识点，所以深入理解 BFC 很重要…

retina屏会以2个（乃至3个）物理像素来显示一个CSS像素（1px），所以在CSS中指定1px的边框实际占据的却是2个以上物理像素，在retina屏用户体验较差。 问题：只在Firefox and Safari 8+支持，安卓不支持。 border-img属性会将图片（如上…

在 《掌握web开发基础系列--长度单位》 这篇文章中已经介绍过了css像素单位--px，这篇文章详细探讨一下设备物理像素和css像素之间的关系。 “像素”，是一个名词，在不同的上下文中所描述的东西可能不一样，但是也可能存在一定关系。 设备屏幕实际拥有的像素点，屏幕的基本单元，…