垂直对齐图片和文字

Question

我在使手机上的图片和文字对齐垂直方面遇到了一些问题。这是这个页面：

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;
}

是否有媒体查询？

Answer 1

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