id不適用於移動瀏覽器的HTML元素

我在移動設備上遇到了一些css優先級問題。問題是，CSS ID選擇器push-content不適用於body元素。奇怪的是，它正在我的電腦上瀏覽 r。id不適用於移動瀏覽器的HTML元素

代碼工作不適合移動設備：

/* space between content and navigation */ 
 
div #push-content { 
 
    padding-top: 60px; 
 
}

<body id="push-content">

它適用於body元素在此之後：

<body style="padding-top: 60px;">

我不喜歡這種感覺是唯一的方法。任何其他方式來解決這個問題？

來源

2016-08-24 ryspbsk

因此，你添加id「push-content」到你的body元素，並嘗試用'div＃push-content'調用它？這不會起作用，因爲'body！= div' –

謝謝大家。我修復了'＃push-content {padding-top：60px;}'和''。我的移動設備上仍然沒有發生變化。我甚至嘗試將填充增加到100.更不用說它在我的瀏覽器上正常工作，並確認了它。 – ryspbsk

你想用css覆蓋內聯樣式嗎？ – Stender

這絕對是可怕的。我發現了這個問題。我的網站由WordPress提供支持。我使用了錯誤的鏈接。基本上，我通過XAMP在本地PC上託管網站進行測試。我正在使用功能bloginfo('stylesheet_url');，這給了我惡夢。樣式表沒有被鏈接到我的手機上。它正在返回http://localhost:8080/wordpress/這是LAN上任何其他設備的不正確鏈接，所以我把IP放在那裏，它像一個魅力一樣工作。我把它修改爲http://192.168.1.8:8080/wordpress/192.168.1.8是源/主機的IP（您可以通過窗口打開命令控制檯找到它，並寫上「IPCONFIG」）

注意：您應該使用bloginfo('stylesheet_url');功能。我暫時將其刪除，因爲我在XAMP的幫助下通過局域網在其他設備上測試了我的網站。

謝謝大家的幫助。對此，我真的非常感激。

來源

2016-08-26 21:27:20 ryspbsk

在第一你有空間在id =「推內容」

改變它之間

id="push-content"

在第二你有div #push-content，而你是將它應用到一個body標籤所以改爲body #push-content

來源

2016-08-24 12:14:57 Bisquitue

它看起來像你在你的CSS有一個不正確的選擇。

div #push-content將選擇ID爲push-content的元素，這是div的子元素。所以你不能把它應用到你的body。

使用，而不是：

#push-content { 
    padding-top: 60px; 
}

甚至更好：

.push-content { 
    padding-top: 60px; 
}

這裏使用的，而不是一個id一個類可以讓你使用它不僅僅是一個元素。

來源

2016-08-24 12:15:11 Chris

您的選擇器正在嘗試查找＃div內的push-content，而不是稱爲#push內容的div。刪除它們之間的空間。

加 - 身體是不是一個div - 所以，你可能需要身體＃推送內容，而不是

來源

2016-08-24 12:15:45 Stender

id不適用於移動瀏覽器的HTML元素

回答

相關問題