替換<img>到<ion-img>和圖像是非常小的

我遵循指導virtual scroll和更新我的列表是虛擬的。替換<img>到<ion-img>和圖像是非常小的

一切都很好，但是當我從<img>轉換的card background images到<ion-img>顯示爲背景圖片到我的卡上的圖像是很小。我錯過了什麼？

來源

2017-04-07 Jas

檢查Image dimensions section在ion-img文檔。

通過提供圖像尺寸，Ionic能夠準確地確定圖像在視口內的位置，這有助於僅延遲加載可視圖像。圖像尺寸可以通過設置爲屬性，內聯樣式或外部樣式表來設置。使用哪種設置尺寸的方法並不重要，但重要的是每個ion-img都有一個確切的尺寸。

如果您通過屬性或CSS樣式使用ion-img，則需要爲要顯示的圖像設置高度和寬度。

來源

2017-04-07 08:59:20

謝謝如果我想要圖像消耗標準的最大寬度和高度，因爲它使用''''我試過'width =「100％」height =「100％我有一個動態的圖像列表，我想要的是讓他們自動獲取當前的寬度和高度，就像''之前所做的那樣''就像指定'height =「100％」width =「100％」'聽起來很棒我但它沒有任何想法？ – Jas

你想要它有一個特定的尺寸或根據每個圖像而有所不同？ 'ion-img'需要一定的尺寸..如果你能夠檢索圖像尺寸以及來源..你可以動態設置 –

我希望它根據每個圖像而變化。從你的理解現在我必須自己做計算。我覺得很奇怪，人們通常用'ion-img'工作嗎？他們要麼有一個固定的大小或計算它？ – Jas

替換<img>到<ion-img>和圖像是非常小的

回答

相關問題