小程序全屏展示图片的实现方式

　　很多时候大家在使用小程序时，点击图片可以实现图片全屏，图片占满整个屏幕的情况，这是如何实现的呢?

　　将body和html设置为100%，这样我们就可以在他们的子元素中使用height:100%来使的我们的容器元素占满屏幕的高度啦。

　　但是在微信小程序中，是没有dom对象的，根节点是page，使用page{height:100%}

　　果然，是可行的。高度占满了整个小程序的窗口。

　　代码：

　　.myView{

　　width: 100%;

　　height: 100vh;

　　background: red;

 

HiShop小程序工具提供多类型商城/门店小程序制作，可视化编辑 1秒生成5步上线。通过拖拽、拼接模块布局小程序商城页面，所看即所得，只需要美工就能做出精美商城。

更多小程序开发案例，尽在：http://www.hishop.com.cn/xiaocx/kaifa.html
 

小程序显示图片相关文章：

小程序加载图片如何实现

小程序开发上传图片如何实现

小程序上传图片组件及上传多张图片