鍍金池/ 問答/HTML5  HTML/ ionic3里如何給一個img設置一個占位div?

ionic3里如何給一個img設置一個占位div?

在服務器還沒返回圖片時,我想給圖片設置一個占位div,以便在圖片返回時頁面布局不會上下抖動??墒俏覜]法給這個div設置一個固定高度,因為不同設備這個高度會不一樣,即在不同屏幕下這張圖片的大小是不一樣的。比如在移動端常見的圖片輪播,在不同屏幕下輪播的圖片大小是不一樣的。那么在圖片返回之前,我們希望給這個輪播區(qū)域設置一個高度去占位。一般我們可以用rem去設置這個div的高度,但在ionic3里設置了沒用,在不同屏幕下這個div都是一樣的高度,導致在屏幕變大時圖片的一部分會被遮住。有沒有人知道在ionic3里如何用rem做適配?

回答
編輯回答
陪我終

用vh, vw,vmax這種相對單位設置下,可以保證在各個設備下的顯示比例不變,返回的圖片設置成一樣的大小。

2017年5月3日 22:36