微信小程序-text组件width失效问题

1、text组件设置宽无效

2、text组件大小可以通过padding值设置

3、 display: inline-block添加此属性，可使text组件设置宽度有效

text组件 display: inline

问题：在微信小程序中使用height:calc(xx - xx)设置元素高度无效

排查原因:calc属性设置height或width时，要求父容器有明确的对应属性设置，当父容器没有设置时，calc计算无法完成。因为我想设置高度的元素没有父容器，所以calc失效。

解决办法：1.给该元素添加设置明确高度的父容器。2.直接通过page{height:100%}解决。

无效的原因：

手机屏幕宽度小于600px，所以以上代码不会生效，网页内容会按照原网页尺寸比例显示。

解决办法：

修改width=等于手机屏幕显示宽度。

总结：

把 width=XXX这个数值设置小于或者等于手机屏幕的时候，这个设置值一般会失效，而按照缩放等级显示。

推荐：

响应式学习视频免费下载地址：

http://share.bianyun.net/zhanzhang/10945.html

视频里面讲了响应式设计原理、如何做响应式网页,包括此类问题也包含在内,讲的也非常全面。

---