小程序如何做自适应屏幕高度

最新消息显示，界面中有一些小程序不是很优化，所以界面不适应屏幕高度，那么小程序自适应屏幕高度怎么办？

1.以前将小程序图像宽度设置为屏幕宽度：

imageLoad: function（）{this.setData（{imageWidth: wx.getSystemInfoSync（）。windowWidth}）}

2.现在：

.imgClass {width: 100vw; }

分辨率：

CSS3引入的“vw”和“vh”基于相对于窗口大小的宽度/高度

“vw”=“查看宽度”“vh”=“查看高度”

上面我们称之为窗口单元允许我们定义更接近浏览器窗口的大小。

请参阅演示案例以比较以下四个容器:的css样式

.demo {width: 100vw; font-size: 10vw;/* width是窗口100％，字体大小是窗口的10％* /} .demo1 {width: 80vw; font-size: 8vw;/* width是窗口80％，字体大小是窗口的8％* /} .demo2 {width: 50vw; font-size: 5vw;/*宽度是窗口的50％，字体大小是窗口的5％* /} .demo3 {width: 10vw;高度: 50vh;/*宽度为窗口10％，容器高度为窗口的50％* /}

以上是小小程序如何做自适应屏幕高度，如果你想知道更多的小程序问题，请检查这个网站，谢谢。

HiShop小程序工具提供多种类型的商城/商店小程序制作，可视化编辑1秒，在线生成5个步骤。通过拖动和拼接模块布局小程序商城页面，你可以看到你得到的东西，你只需要艺术家来制作一个漂亮的商场。有关更多小程序，请参阅：小程序 store

＆lt; 汇海（www.hvihi.com）是国内知名的商城系统和商城网站建设提供商，其中汇海技术小程序系统提供小程序商城开发，小程序配送系统，微分配系统，商城系统，电子商务网站建设， 微信发行系统，小程序商城及其他多端商场和电子商务行业解决方案＆gt;

确认：这个文件和图像源网络编辑器的网站部分，如果有侵权及时通信删除。 汇海hvihi.com网站原创文章，请注明出处。