Question

我有this home page of a website，当在网上查看时，它似乎没问题，但是当我从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浏览器中查看时，这两张图片看起来非常紧张。有谁知道如何阻止这种情况发生或根本原因是什么？

Answer 1

我猜你在这个星球上的每个其他网站都面临着这个问题。您需要确保您的网站模板具有响应能力，以确保它在智能手机上有一定的正确显示等。你很可能自己编码，如果你在编码方面很强，但我不是那个告诉你它是如何完成的人 - 我只是为我的网站使用（响应）网站模板来解决这个问题。

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

1 个答案: