試圖將「-webkit-box」應用到Wordpress中的「顯示」屬性中

我有一個奇怪的問題。我在Wordpress中使用Bones主題，只是試圖在我的主頁菜單上添加樣式。試圖將「-webkit-box」應用到Wordpress中的「顯示」屬性中

該網站是h * XP：//www.advanceditsolutions.net/nearitest/

我試圖使用CSS是這樣的：

.home ul#menu-pages { 
    display: -webkit-box; 
}

我有它在兩者的媒體查詢部分，最小寬度：481，最小寬度：768。我也在媒體查詢範圍之外嘗試過，沒有運氣。我無法弄清楚爲什麼它不會被拾起。我在網站上檢查它，並且無處看到顯示CSS。

很糟糕的是，大多數瀏覽器的位置都不錯，但Chrome瀏覽器都是頂起來的。

::劃痕頭::

來源

2016-10-04 Tim Griffith

1）首先，你使用的供應商名稱-webkit-，將工作只是在特定的瀏覽器（S）。

2）檢查值是否正確。 Here isdisplay屬性的所有可能值的列表。 你確定-webkit-box是一個正確的值，可以應用於display？

也許不會告訴你想要應用的CSS，不起作用，共享更大的上下文，截圖並告訴我們你想要達到的目標。 3）你是否使用過一些開發工具，如Chrome Dev Tools，Firebug或類似的應用和測試樣式？這很方便，可以節省你一堆時間，試圖找出有什麼問題...

來源

2016-10-04 23:02:53 slick

1）我打算。我需要它只能在Chrome上運行，其他瀏覽器都可以。 2）該值是正確的，可用於顯示，在這種情況下。我很抱歉，我想只要點擊一個鏈接到另一個頁面來檢查它應該是什麼樣子。我確實指定它只是主頁菜單，這是麻煩。 3）這是我發現-webkit-box將工作得很好。使用Chrome開發工具。 –

有關如何解決問題的任何想法？ –

我可以看到它在最小寬度：768媒體查詢中工作。儘管從我可以看到的樣式表中只包含一次。

這裏有兩個關鍵問題： 1）這個CSS只會定位主頁，因爲您已經使用'.home'作爲選擇器的一部分。 2）您已經使用'-webkit'供應商前綴，因此它只能在運行在該引擎上並支持該屬性的瀏覽器中工作。我會建議反對這個。使用柔性顯示器類型可能會更好。

來源

2016-10-04 23:18:42 partypete25

儘管Chrome是供應商特有的，不是嗎？ -webkit，我的意思是。你是對的，我有點不得不破解我的方式通過這一點。原始設計者在header.php文件中禁止了主頁中的菜單。即使我拿出！is_front_page（）函數，菜單仍然沒有正確顯示，雖然使用了Chrome開發工具，但我可以添加'display：-webkit-box';在Chrome中解決這個問題。其他瀏覽器似乎很好。 –

我只是再次檢查我的樣式表。我在兩個媒體查詢中都有。不知道爲什麼它只顯示一個。 –

就主流瀏覽器而言，它是Chrome和Safari。 – partypete25

試圖將「-webkit-box」應用到Wordpress中的「顯示」屬性中

回答

相關問題