微信小程序页面头部高度自适应

1.在app动态获取页面头部导航高度

2.定义头部组件

组件js

组件json

组件wxml

组件wxss自己写

3.需要引入的页面

（1）.修改当前页面头部，自定义页面头图,引入组件

引入页面json

(2).页面js

(3).页面中使用组件,直接插入页面就可以了

1、在小程序的app.json里配置window.viewport，可以根据屏幕宽度等自适应缩放。

2、在小程序的index.html的head标签中添加，可以根据屏幕宽度等自适应缩放。

因为微信小程序的图片image有默认的宽高：width: 320px和height: 240px，所以只设置宽度100%是无效的，因为图片高度默认240px

只需要添加属性 mode="widthFix"

<image class="img" src="../images/1.png" mode="widthFix">

设置宽度100%，

.img{width: 100%}

这样就可以实现图片宽度100%高度自适应，图片不会拉伸

---