2012-11-29 114 views
0

我只是想知道如何禁用Boilerplate框架上的響應CSS。在鍋爐板上禁用響應

我到目前爲止所做的是取代下面的不同屬性。它似乎在Chrome上工作,但不在IE和Firefox上,所以我不確定如何真正做到這一點。

@media only screen and (min-width: 480px) { 

通過

@media only screen and (max-width) { 

有人能幫助我嗎?

KR

回答

1

我不知道的方式輕鬆全局覆蓋一組與另一規則。然而有選擇。

0)只要刪除有問題的樣式表。 (我知道這不是你想要的答案,但它是最絕對的火法)。

1)如果可行,您可以創建第二個樣式表,將第一個表中不需要的所有內容解除。這很難保持,但會給你你想要的。只要所有的規則都是相同的,並且它們在文檔中的媒體規則之後,它們就會覆蓋它們。

2)使用JavaScript,您可以完全禁用個別樣式表,或者操作單個規則。退房document.styleSheets。它是一個包含樣式表對象的數組。您可以說document.styleSheets[0].disabled = true禁用頁面上的第一個樣式表。您還可以遍歷document.styleSheets[0].cssRules來操作樣式表的所有CSS規則。

0

HTML5 Boilerplate中只包含佔位符媒體查詢,沒有響應式CSS。它們不會對您的網站產生任何影響,因此您不必嘗試禁用任何內容。

0

如果您不希望響應式風格,您應該刪除@media