html - 垂直对齐图片和文字

使图片和文本在手机上垂直对齐时出现一些问题。这是此页：

See the example page

在手机上，我希望图片显示出我制作的粉色线条：



在检查器窗口中，我尝试将填充和边距设置为0px。但这是行不通的。有人知道如何解决这个问题吗？

图像的CSS应该是这样的：

更正：我实际上可以看到CSS计数了所有图像

element.style {
}
style.min.css?ver=4.9:1
.w-image-h, .w-image a, .w-image img {
    border-radius: inherit;
    border-color: inherit !important;
    color: inherit !important;
}
style.min.css?ver=4.9:1
img {
    height: auto;
    max-width: 100%;
}
style.min.css?ver=4.9:1
* {
    box-sizing: border-box;
}
img[Attributes Style] {
    width: 300px;
    height: 200px;
}

媒体查询有问题吗？

最佳答案

在移动设备上，更新图像的宽度。将一个类添加到标签<img class="cls">，然后为该类添加宽度。您的图片将符合要求。

关于html - 垂直对齐图片和文字，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47376412/