Html 移动设备上的网站，是否有办法使图像响应？

我正在尝试为桌面和移动设备创建一个响应迅速的网站。我现在有一个图像放在屏幕中间，包括ROP右转角的按钮。 我的问题是，当在移动设备上查看图像时，我发现它太小了

我很想保持布局不变，只是把手机图像放大到我画的黑色矩形的大小。有办法做到这一点吗？现在我只是使用标准标签插入图像，而没有指定任何大小。即：

<div class="innerdiv">
                <img class="imageCorner" src="logo.png" />
            </div>

在响应性强的网站上提供任何建议都将不胜感激。谢谢

编辑：

因此，我尝试添加

，它将所有内容向左移动，并切掉页面底部：

---

你看过

吗？请参见此处：
是否尝试将图像的宽度和/或高度设置为100%？是否定义了元视口？在标签内部使用？@Juggernaut尝试过是的，没有变化。@BradleyWilson我还没有，我现在就试试。没问题，让我知道它是如何运行的。这意味着为不同的尺寸提供额外的图像，对吗？@KexAri正确。视口元元素指示浏览器不缩放内容图像，因此您必须提供自己的分辨率特定图像，而不是依赖浏览器来调整它们的大小。