Ionic3系統圖標

我有一套自定義系統圖標（PNG文件），它們在android的drawable-xhdpi，drawable-xxhdpi和drawable-xxxhdpi文件夾中。Ionic3系統圖標

現在我的問題是，當我使用它們時，我應該怎麼稱呼它們？例如，我希望系統選擇正確的edit_pencil.png

這就是我現在所擁有的，我知道這明確定義了我不想要的edit_pencil.png。任何人都可以幫忙嗎？

<img class="addPictureIcon" src="assets/img/drawable-xhdpi/edit_pencil.png" 
(click)="selectPicture()"/>

來源

2017-06-26 Alston Sahyun Kim

當使用離子型框架，你必須把src/文件夾，可能src/assets/images內部圖像。

這些平臺文件夾是自動創建的，所以如果你放置任何東西，你就犯了一個錯誤。

要調用圖像這將是

<img src="src/assets/images/edit_pencil.png">

在你的情況，你與響應圖像工作，所以你應該做一些@media查詢調用正確的，例如：

<img class="edit-pencil">

Css

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) { 
    img.edit-pencil { 
    content:url("xsmall-edit_pencil.png"); 
    } 
} 

/* Small Devices, Tablets */ 
@media only screen and (min-width : 768px) { 
    img.edit-pencil { 
    content:url("small-edit_pencil.png"); 
    } 
} 

/* Medium Devices, Desktops */ 
@media only screen and (min-width : 992px) { 
    img.edit-pencil { 
    content:url("medium-edit_pencil.png"); 
    } 
} 

/* Large Devices, Wide Screens */ 
@media only screen and (min-width : 1200px) { 
    img.edit-pencil { 
    content:url("large-edit_pencil.png"); 
    } 
}

來源

2017-06-26 00:33:14

Ionic3系統圖標

回答

相關問題