CSS代碼不會在頭移動到的style.css

頭標記我已經創建的CSS樣式像CSS代碼不會在頭移動到的style.css

<head> 
<style type="text/css"> 
    .... Here 
</style> 
</head>

後，我搬到了我所有的CSS代碼從的style.css後正常工作

<head> 
<link rel="stylesheet" type="text/css" href="css/style.css" /> 
<link rel="stylesheet" type="text/css" href="css/mobile.css" /> 
<link rel="stylesheet" type="text/css" href="css/animations.css" /> 
</head>

...然後一些CSS代碼不起作用。

例如一些@media all and() {....}

我做錯了嗎？

來源

2016-04-08 Azzo

你看到正確引用您的文件在瀏覽器的開發控制檯中？ –

@AnthonyE是的，我看到開發者控制檯中的所有代碼。 – Azzo

@AnthonyE一些CSS代碼在移動設備上也不能正常工作，但是那些工作在計算機瀏覽器上的CSS代碼。 – Azzo

我必須看到兩種狀態下的所有規則和樣式表（將它們移動到單獨文件之前和之後）。但CSS規則也取決於它們的外觀順序：現在很可能你的順序不同。最後的內容會覆蓋之前的內容，除非後者不適用，因爲它在媒體查詢中。但是，如果例如原來你有這樣的：

@media screen and (max-width: 768px) { 
    .my_div { width: 400px; } 
}

和地方後來

.my_div { width: 750px; }

，然後.my_div將有750px的寬度，還對小屏幕 - 第二個規則適用於所有的屏幕尺寸因此會覆蓋第一條規則。

所以，如果你有這樣的事情，並把那兩個規則爲不同的外部樣式表，與媒體查詢來後的一般規則，他們的順序是不同的，所以現在媒體查詢將是有效的，因爲它不是用相同元素的另一個規則重寫。

（這是一個非常簡單的例子，但原則是一切一樣，也例如用於display: block對比顯示：inline-block用於在導航列表中的項目li）

來源

2016-04-09 00:33:31 Johannes

親愛的謝謝你的回答。只是我需要學習。爲什麼滾動元素不適用於移動設備。請看這[DEMO]（http://www.ecowebtr.com/test/test.html）。請在您的電腦和移動設備上查看它。調整您的計算機的頁面高度，並看到左側邊欄將滾動。但滾動不適用於手機。 – Azzo

謝謝親愛的。你給我的想法，我解決了這個問題。但我不明白爲什麼有人給我 - 投票:( – Azzo

可能你應該至少包括*一些你的CSS代碼，否則很難找到真正的原因。 – Johannes

CSS代碼不會在頭移動到的style.css

回答

相關問題