链接无法完全在Android上运行

Question

在http://sallymilo.com/rupe/contact.html，3个导航链接在显示器上按预期工作，但当我将浏览器缩小或查看我的Android页面时，链接要么根本不工作，要么每个都可以工作只需单击一次，然后在同一会话中不再单击。任何解决方案？

Answer 1

您用于milodesign.com的p标记覆盖了这些尺寸的其他元素。你应该将它放在它自己的div中，但实际上如果你将clear: both添加到那个p标签的样式中，它就会修复它。

Answer 2

您的代码的下方部分导致问题，在

下面的较小设备中，标记占据100％的高度并覆盖整个屏幕，从而禁用所有链接：

<p align="center" style="text-align:right;" class="alinks"> 
<a href="http://www.milodesign.com">
<font face="Arial, Helvetica, sans-serif" size="1">
    Design by Sally Milo - MiloDesign
</font>
</a>
</p>

当我从CSS中的alinks类中删除 position：relative 时，所有这些链接都在移动屏幕中工作。

Answer 3

更改此CSS

@media screen and (max-width: 480px){
        .alinks {
            position: relative;
            max-width: 90%;
            margin-top: -2em;
            margin-bottom: -2em;
            overflow:hidden;
    }
}