css - 图片不可见

Question

我正在尝试针对移动设备 View 优化我的网站。一切正常且 react 灵敏，但通过移动设备访问时 Logo 变得不可见，但通过电脑可见。

我尝试使用 .png、.gif 格式，但结果相同。 jpg 也给出了相同的输出。这是手机屏幕截图。

这是桌面截图:

<div >
<h1 ><img src="images/icon.png" width="15%" height="auto"/>
</h1>
</div>

将代码更改为:

<div style="margin:1em;">
<img class="logo" src="images/icon.png" /> 
</div>

CSS:.logo{display:block;width:15%;height:auto"}

还是不可见。会不会是浏览器的问题？我正在使用 WP8。

Answer 1

@mcmac:一切正常 :)

那个改变解决了这个问题。最终代码:

<div style="margin:1em;">
<img class="logo" src="images/icon.png" /> 
</div>

CSS: .logo{display:block;width:15%;height:auto"}