小程序全屏展示圖片的實現(xiàn)方式

　　很多時候大家在使用小程序時，點擊圖片可以實現(xiàn)圖片全屏，圖片占滿整個屏幕的情況，這是如何實現(xiàn)的呢?

　　將body和html設(shè)置為100%，這樣我們就可以在他們的子元素中使用height:100%來使的我們的容器元素占滿屏幕的高度啦。

　　但是在微信小程序中，是沒有dom對象的，根節(jié)點是page，使用page{height:100%}

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

　　代碼：

　　.myView{

　　width: 100%;

　　height: 100vh;

　　background: red;

 

HiShop小程序工具提供多類型商城/門店小程序制作，可視化編輯 1秒生成5步上線。通過拖拽、拼接模塊布局小程序商城頁面，所看即所得，只需要美工就能做出精美商城。

更多小程序開發(fā)案例，盡在：http://westcoastpropertyservices.com/xiaocx/kaifa.html
 

小程序顯示圖片相關(guān)文章：

小程序加載圖片如何實現(xiàn)

小程序開發(fā)上傳圖片如何實現(xiàn)

小程序上傳圖片組件及上傳多張圖片