Html 从移动浏览器查看网站上的图像时，图像看起来非常拉伸

当我在网上浏览时，它看起来还可以，但当我从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>

市场营销

---

在安卓浏览器中查看时，这两幅图像显得非常拉伸。有人知道如何阻止这种情况发生，或者根本原因是什么吗？

我想你会面临地球上其他网站都存在的问题。 你需要确保你的网站模板是有响应的，以确保它在智能手机上正确显示。

---

如果你擅长编码，你很可能会自己编写代码，但我不是那个能告诉你怎么做的人-我只是使用（响应性）网站模板来解决这个问题。

只有网站链接的“调试我的网站”问题可能会被关闭。为了避免这种情况，您应该创建一个最小但完整的示例来说明问题，并将代码粘贴到问题中。另请参见@Juhana，我明白了，谢谢，我将重新措辞这个问题。再给我一秒钟：）你正在使用的设备的颜色是什么，图像的分辨率是什么？@prodigitalson:）我不确定你这两个问题的答案是什么：）Genadinik先生，你的问题不是在chrome上的Android上发生的，所以我想这是Android浏览器特有的，看看“at”媒体css代码，可以为你的图像设置高度或最小高度，在你页面的代码中我发现了这个，@media only屏幕，并且它在标签中插入了很多代码，最好以顺序的方式在不同的页面中插入代码，这样，这类问题很容易解决。。。但是你现在的样子，我一点也看不懂