數據過濾器無法在移動設備或平板電腦中正確顯示標籤

這是我的第一篇文章，請保持好心情。我一直在努力讓這個數據過濾器在移動和平板電腦格式中正常工作。數據過濾器無法在移動設備或平板電腦中正確顯示標籤

themovingpicture組織AU /（抱歉不能發佈超過2個鏈接和圖片都是重要的解釋問題）

一切看起來完美的臺式機和鉻的一切調整停留，因爲它應該和標籤出現存檔然而在移動時，我所得到的只是一個灰色塊。我已經確定能在移動出現在我的layout.css中被

.portfolio-wrapper { 
    overflow:hidden; 
    position: relative !important; 
    background: #666; 
    cursor:pointer; 
} 

#filters li span { 
    display: block; 
    padding:5px 20px; 
    text-decoration:none; 
    color:#666; 
    cursor: pointer; 
}

我最初得到了這裏的代碼灰色塊：

創建過濾簡單的響應投資組合，和懸停效果。

我試着刪除和編輯的部分（如刪除媒體查詢，刪除normal.css等）的CSS的，但只是無法弄清楚如何使它在手機和平板電腦上的桌面顯示的相同方式。

我下面示出了相同的代碼附加的兩個圖像被顯示在桌面在Chrome與顯示在Safari在iPhone 6

來源

2017-05-05 Skepzi

什麼是你的問題？你試圖解決的問題究竟是什麼？ –

已添加圖像示例來解釋問題。 – Skepzi

使您的代碼jsfiddle –

這似乎是在屏幕因爲iPhone6擁有一個更大的屏幕，然後在桌面和瀏覽器上進行測試就可以識別爲Tablet屏幕。此外，看起來你已經把你的標籤設置在一些媒體查詢塊中。

您可以通過您的標籤格式全局的（不是裏面的媒體查詢塊），並改變你的媒體查詢值使您的小屏幕更加大，那麼你其他小屏幕解決它。

例：

/*Bootstrap's default small screen minimum size*/ 
@media (min-width: 655px) { 
... 
}

您可以更改此值，以使平板手機被識別爲普通的智能手機。

/*Value changed*/ 
@media (min-width: 820px) { 
... 
}

來源

2017-05-05 13:58:34

數據過濾器無法在移動設備或平板電腦中正確顯示標籤

回答

相關問題