将图像高度设置为100％，将宽度设置为自动在Safari中不起作用

Question

我正在尝试将图片放入div中，我已放置width: auto;和height: 100%;。这在Chrome和FireFox中工作正常，但在Safari中却没有，我敢于在IE中查看！我该怎么改变？

    <div class="row">
    <div class="col-md-12">
        <div class="loggo-title" href="<?php bloginfo('url'); ?>">
            <img src="<?php bloginfo('template_directory'); ?>/img/header.png" height="100%" width="auto"/>
        </div>
    </div>
</div>

我也尝试用

作为css方式

img { 
  height: 100%; 
  width: auto;
}

提前致谢！ 汉纳斯

Answer 1

如果您希望图像保持相同的宽高比

，请尝试宽度100％

Answer 2

你有没有试过在宽度上写任何东西？ 我会尝试写作：

<img src="<?php bloginfo('template_directory'); ?>/img/header.png" height="100%" width=""/>

img { height:100% }

对我有用！