0

我的页面上一张图片的 CSS 位置有问题。我需要它来始终保持该图像在右上角，所以我选择使用这种样式的图像：HTML：

 <div class="head">
    <div class="content nm">
        <div class="menu_inline"><a href="Homepage">Home</a></div>
        <div class="menu_inline"><a href="Help">Help Center</a></div>
        <div class="corner">
            <img src="{$basePath}/images/corner.png" alt="GOOGLE PLAY" id="corner">
        </div>
      </div>
    </div>

CSS：

.#corner { display:inline; position: absolute; top:0px; right: 0px;}

在桌面浏览器中一切正常，但问题是，当我在任何智能手机（经过测试的 Android 和 iPhone）上加载我的页面时，当我加载一个页面时，页面被缩放并且图片覆盖了我的菜单和页面的其他内容。您可以在下图中看到问题。

你有什么建议，如何纠正这张照片。我了解浏览器可能会计算用户宽度然后放置

链接到有问题的图片

4

1 回答 1

0

请尝试将此添加到您的页面中的 head 标签内。

于 2012-11-05T12:07:29.077 回答