移动端 H5 页面注意事项 (3)

利用 meta 标签对页面进行缩放，使得我们可以直接根据设计稿来进行页面的编写，不用再进行单位的换算等等，省却了很多麻烦。

12. 微信二维码问题

01：同一个页面里要是有两个二维码，长按扫描总是只能扫出 左侧/第一个 二维码。
解决：可视区域内只能出现一个二维码。

02：使用 meta 标签缩放页面后长按二维码图片无反应。
解决：使用了以下代码之后，就能长按识别二维码了~

<!--同一张二维码图片--> <!--下面这张 opacity 为 0，隐藏起来，但是实际存在，并且宽为 100%，屏幕有多大就多大--> < img style=http://www.likecs.com/"right:0; top:0; height: auto;width: 100%;opacity: 0;position: absolute;" src=http://www.likecs.com/"二维码图片地址"> <!--下面这张是呈现给用户看的--> < img src=http://www.likecs.com/"二维码图片地址" title=http://www.likecs.com/"qrcode" alt=http://www.likecs.com/"qrcode"> <!--PS: img 标签前面的空格记得去掉，这里加上空格是因为简书有 bug，针对 img 标签代码渲染会出错-->