Android平板电脑和手机的不同Html图像宽度

我有一个安卓应用程序，可以在平板电脑和手机上运行。我的内容正在从资产文件夹加载html文件。我的问题是我想在平板电脑和手机上使用不同大小的图像

这是手机图像的代码

<img src="check_yes_tick_parent.png" width="8%"/>

然而，这是太宽的平板电脑，理想情况下，我想宽度为3%

---

我知道我可以为每个文件创建两个html文件。i、 e一个用于手机，一个用于平板电脑。但是有没有更简单的方法呢？

你可以使用css和媒体查询，这样你就不需要2个或更多的html文件了

例如：

在html中：

<div id="image"></div>

你可以参考

@media screen and (min-width: 1024px) {
    width: 100px;
    height: 100px;
    background-image: url(check_yes_tick_parent.png);
}
@media screen and (width: 768px) and (height: 1004px) {
    width: 50px;
    height: 50px;
    background-image: url(check_yes_tick_parent_for_pad.png);
}