h5bp - 鏈接不工作

Question

下顯得很奇怪，我說：

我有一個定義的通過僅僅使用CSS

@media only screen and (max-width: 45em) 

的問題是更改爲「移動版」網站 - 當我縮小文檔寬度並且低於45 em時，我的鏈接將不再工作（他們也不會在Android上）。首先，我認爲這可能是由於我的JavaScript，但做了一個單獨的test.html，不加載任何.js顯示，它必須是由於別的東西，可能是CSS。

Here's the test page

CSS is here

打開它，你會發現文字工作中的按鈕。

現在降低瀏覽器的寬度，直到您低於45em文檔寬度。你會注意到背景變黑。我在任何鏈接附近放置了一個5像素的綠色邊框，以在窄模式下突出顯示它們。

按鈕（鏈接）將不再工作在任何瀏覽器，除了IE瀏覽器（所有的東西）...？！？！？

我一直在搜索整個一天，但沒有找到錯誤。誰能幫忙？ 例如，有沒有辦法在瀏覽器中調試CSS行爲？ 非常感謝。

Answer 1

您有一個#menu-hover-zone元素，其寬度設置爲14em - 它覆蓋了較小屏幕上的按鈕。刪除媒體查詢樣式表中的那個寬度，你就可以了。