图片不可见

Question

我正在尝试针对移动视图优化我的网站。一切都运行良好，反应灵敏，但通过手机访问时，徽标变得不可见，但通过电脑可见。

我尝试使用.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 {显示：块;宽度：15％;高度：汽车“}

仍然不可见。可以是浏览器问题吗？我正在使用WP8。

Answer 1

@mcmac：工作正常：）

这一变化解决了这个问题。 最终代码：

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

的CSS：     .logo {显示：块;宽度：15％;高度：汽车“}