移动设备上的网站，有没有办法让图片响应？

Question

我正在尝试为桌面设备和移动设备创建响应式网站。我当前有一个图像放在屏幕中间，包括右上角的按钮。

我的问题是，当在移动设备上观看图像时，我发现它太小了？

我想几乎保持布局相同，但只是将手机图像放大到我绘制的黑色矩形的大小。有没有办法做到这一点？现在我只是使用标准标签来插入我的图像而不指定任何大小。即：

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

对响应式网站的任何指示都会非常感激。谢谢！

编辑：

所以我尝试添加<meta name="viewport" content="width=device-width, initial-scale=1">并将所有内容移到左侧并切断页面底部：

Answer 1

你看过<img srcset="..." />了吗？见这里：https://css-tricks.com/responsive-images-youre-just-changing-resolutions-use-srcset/