Html 如何调整图像的大小以便于移动？

例如，您如何创建一个图像，使其居中并占据移动设备上100%的页面，但左对齐且不超过桌面上页面的一半？ 以下是我当前的代码：

.img{
    text-align: center;
    max-width: 100%;
    height: auto;
}

@media (min-width: 480px) {
    .img {
        text-align: left;
        max-width: 50%;
    }

---

类似地，如何对手机图像下方的文本块进行编码，但将其环绕在桌面上的图像上？

这里有一个简单的解决方案，使用

float

将文本放在图像旁边

您可以向文本添加进一步的样式，以获得所需的样式

此外，

文本对齐

不能添加到

手机图像下方和桌面图像旁边的一些文本。

text align

指的是作为图像子元素的文本，这是不可能的。。。