链接无法在 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;
    }
}