在本地页面里用img标签访问页面图片返回403 forbidden，而浏览器可以直接打开。因为服务器加了防盗链，会检测访问图片的referer。所以解决方案：在html中加<meta name="referrer" content="no-referrer" />头即可解决。

若使用了SVG或其他元素遮挡住了当前有触发事件的元素，则原元素的事件无法触发。此时就需要将前面那层元素进行传统处理。设置CSS3属性pointer-events: none;(默认为auto)，可达到此效果。

CSS中background的图像若不加载完毕，则后面的CSS样式会被阻塞，无法加载，在网络条件差的情况下极其影响体验。所以将background的图像地址设为一个仅有1像素的空白图片，再设置JS的window.onload，更改图像地址，即可实现CSS快速加载后再替换图片。同理在img中可将src的地址设置为读取图像，另自定义一个属性设置为图片的真实地址，在JS中进行更改即可。

盒子本身设置了max-height，然后里面内容超出盒子高度则出现滚动条，但是出现滚动条的时候，盒子内字号全部变大，找出问题在CSS的scroll上，但不知道怎么解决。然后搜索到了一个方法，在CSS内加入body *{ max-height: 999999px; } ，然后问题居然解决了！但还是不知道这其中的原因

通过二分注释排除法发现最终问题出现在一行代码上：`10px ${marginRight}px 30px`;的写法直接导致手机端失效，即使其为一个未被调用的函数，改成 '10px ' + marginRight + 'px 30px';解决问题

解决报错方法：使用cnpm来安装node-sass

$ npm install --save-dev sass-loader

$ npm install cnpm -g --registry=https://registry.npm.taobao.org

$ cnpm install node-sass --registry=https://registry.npm.taobao.org

$ npm install gulp-sass --save-dev