我有一个网站的主页,当在网络上查看时,它看起来不错,但是当我从我的 Android 手机浏览器访问该网站时,图像看起来非常拉伸。
下面是 HTML 的样子:
<div style="float: left; width: 255px;">
<p><h3>Marketing</h3></p>
<div style="float: left; width: 120px;">
<p><a href="https://itunes.apple.com/us/app/marketing-advertising-articles/id587238156?ls=1&mt=8">
<img src="http://www.problemio.com/img/app-store-icon.png" style="border: none; height: 99%; width: 99%;" alt="iPhone and iPad Marketing App" /></a></p>
</div>
<div style="float: left; padding-left: 10px; width: 120px;">
<p><a href="https://play.google.com/store/apps/details?id=com.marketingpremium">
<img src="http://problemio.com/img/google-play-icon.png" style="border: none; height: 99%; width: 99%;" alt="Android Marketing App" /></a></p>
</div>
<div style="clear:both;"></div>
</div>
在 Android 浏览器中查看时,这两个图像显得非常拉伸。有谁知道如何阻止这种情况发生或根本原因是什么?