自适应方案

这里的自适应是指 PC 端和移动端共用一套代码，页面随着屏幕的缩放展示相应的效果。

方案：自适应网页设计（Responsive Web Design）

注意：

1. document.documentElement.clientWidth 与 rem 所指的宽度不一样，后者使用 width 作为媒体查询条件，是包含滚动条在内的。
2. rem 是兼容 IE9 以上的单位。
3. 移动端点击会触发 :hover 伪类，且一直处于 hover 的状态，点击其它地方才会取消 hover。

文中图片可能来自网络，侵删