鏈接停止工作在平板電腦視口

我真的不能解釋爲什麼會發生這種情況，但由於某種原因，我正在平板電腦視口（768到991px）中建立一個WP主題，我的鏈接停止工作。它們不可點擊，可點擊，可以製表等。鏈接停止工作在平板電腦視口

是什麼導致了這種奇怪的現象？我如何診斷我的網站何時符合W3C標準？

呃......恐怖！

我真的沒有代碼來支持這一點，但我可以粘貼我的整個頁面在這裏。我會按要求或我的css文件等。

在此先感謝。

更新：代碼的鏈接在這裏：http://paste.ofcode.org/CAST39PrQge7sNkKK6iZ9b

來源

2014-02-26 ben.kaminski

事情是重疊他們（可能不可見）..使他們無法點擊。 –

太多的代碼比沒有代碼更好。我最初的直覺是透明元素覆蓋了鏈接。 – chicgeek

用代碼鏈接更新了博文。謝謝大家 –

當使用引導.col- *的DIV應該駐留在.row的DIV，進而.container資料覈實。我可以在你的html中看到你有2個頂級DIV，它們有一個.col- *類，並且它們有不同的屏幕大小。您的頁腳DIV有一類「col-lg-12頁腳區域」，這意味着當它達到991px以下時，它將停止浮動，而其餘內容則浮動，這就是導致問題的原因。

如果您將頁腳類更改爲：'col-sm-12 footer area' - 這將解決問題。

但你非常需要做的是從你的頁腳中刪除COL-SM-12和共頁包裹，並用「容器」代替它，因此看起來像是：<div class="container footer area">

來源

2014-02-26 23:09:24

謝謝詹姆斯！有道理，不知道我是否錯誤地將它變成了「lg」，但無論如何都是錯誤。 –

鏈接停止工作在平板電腦視口

回答

相關問題