Ionic3系统图标
Ionic3系统图标
提问于 2017-06-26 08:07:38
我有一组自定义的系统图标(png文件)，它们在android的drawable-xhdpi，drawable-xxhdpi和drawable-xxxhdpi文件夹中。
现在我的问题是，当我使用它们时，我应该如何调用它们？例如，我希望系统选择正确的edit_pencil.png
这就是我目前所拥有的，我知道这明确定义了我不想要的edit_pencil.png。有人能帮上忙吗？
<img class="addPictureIcon" src="assets/img/drawable-xhdpi/edit_pencil.png"
(click)="selectPicture()"/>回答 1
Stack Overflow用户
发布于 2017-06-26 08:33:15
当你使用ionic framework时，你必须将你的图片放在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");
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44751688
复制相关文章
相似问题
腾讯云开发者
