Html 如何在手机上固定图像的高度？

您好，我的图像有问题，第一个图像是关于inspector width mobile width的，第二个是手机的屏幕截图

正如你所见，在手机屏幕截图上，图像的高度很奇怪，我不知道我的代码出了什么问题

坦克

感觉


片刻

.文本图像{
宽度：100%；
显示器：flex；
证明内容：中心；
}
#形象{
宽度：30%；
高度：自动！重要；
}
#正文{
宽度：50%；
显示器：flex；
弯曲方向：立柱；
对齐项目：右对齐；
证明内容：中心；
}
#文本p{
颜色：rgb（49,49,49）；
字体大小：粗体；
字母间距：.5em；
字体大小：6vw；
}

尝试将高度更改为100%，而不是自动。如果它看起来很奇怪，还是试着把它改成30%来匹配你的宽度

    #image{
    width: 30%;
    height: 100%;
}

---

尝试将高度更改为100%，而不是“自动”。如果它看起来很奇怪，还是试着把它改成30%来匹配你的宽度

    #image{
    width: 30%;
    height: 100%;
}

---

它实际上正在工作，很高兴现在知道解决方案！令人惊叹的！我很好奇，到底是100%有效还是30%有效？它确实有效，很高兴现在知道解决方案！令人惊叹的！我很好奇，到底是100%的还是30%的？