iPhone浏览器上的高度样式img标签是否与其他浏览器不同?

时间:2020-01-27 18:14:01

标签: html css iphone

这很奇怪,我在许多设备(所有Chrome上都进行了测试)上测试都没问题,当谈到iPhone时,我在img标签上得到了奇怪的结果,但是我找不到它了。

这是我的包含img标签的HTML:

<div class="row align-content-center" id="tips-input">
     <img class="col-5 img-fluid" src="images/tips-image.svg"/>
     <div class="col-7">
          Photo Code bisa ditemukan di dalam foto yang telah ter-print
     </div>
</div>

这是响应核心的CSS:

 #input-foto #input-box #tips-input img {height: auto;}

这是我设备上的屏幕截图:
Here is screenshot on my device

以下是iPhone设备上的屏幕截图:
Heres is screenshot on iphone device

1 个答案:

答案 0 :(得分:0)

好的,在野生动物园浏览器中显然存在flex box bug。

这是相关主题的答案。

Image stretching in flexbox in Safari