GTraveler

经常我们遇到这样的需求，只需要写几个页面。如果还用前端UI库保证在不同手机尺寸上适配显示，会显得过于复杂，所以我们需要一个根据设计稿尺寸直接编写H5页面的方法。我参考网易的做法：网易页面里除了font-size之外的其它css尺寸都使用了rem作为单位，首先获取设计稿的横向分辨率，如750px;为了计算方便，取一个100px的font-size为参照，那么body元素的宽度就可以设置为width:

最近在开发微信公众号H5页面的时候，audio标签在ios系统上无法进行自动播放，最后发现audio在ajax回调中无法调用Play，所以查找很多资料终于解决了。 首先html中添加如下代码：html <audio id="bg-music" src="<{$Think.const.HIMG_PATH}>s.wav" preload="auto"> 您的浏览器不支持 audio 标签。 </