我正在尝试针对移动设备 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。
最佳答案
@mcmac:一切正常 :)
那个改变解决了这个问题。 最终代码:
<div style="margin:1em;">
<img class="logo" src="images/icon.png" />
</div>
CSS: .logo{display:block;width:15%;height:auto"}
关于css - 图片不可见,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20949840/