绝对位置优化手机

Question

我的页面上有一个图像的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）上加载我的页面时，当我加载页面时，页面被缩放并且图片覆盖我的菜单和页面的其他内容。您可以在下面的图片中看到问题。

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

link to picture with problem

Answer 1

请尝试在页面标记内的页面中添加此内容。