踩坑：微信小程序block问题

前言：

今天在做微信小程序的时候，遇到了一个坑。原本我的页面都写完了。样式在微信开发工具上显示的没问题。想着就想用真机调试看下，谁知道，图片样式乱了。

解决办法：

通过真机调试，找到问题，原来是图片的宽度没有设置为100%,设置100%后又运行调试还是不行。细心地我查看Wxml里的代码，注意到一个细节，就是我 imgage外层block标签 没有渲染。这时我才知道问题的真正所在。问题出在block身上。于是我把block的样式删掉，这样图片继承的就是最外层的盒子的宽度了，果然真机与模拟器上的一样了。

这里给大家简单的说下block:其实微信开放文档上也写了关于blcok的注意事项：如图

block不是一个组件，在页面上它也不会被解析渲染。 它只是控制它包括元素的显示与否，给它设置宽高是没有用的 。我就是给block设置宽后，然后image继承了它的宽，所以样式一直不对，显示的始终是图片的原始样式。

结尾：

分享：自律可以帮助你做你不想做但又必须做的事…​！