我只是想知道如何禁用Boilerplate框架上的響應CSS。在鍋爐板上禁用響應
我到目前爲止所做的是取代下面的不同屬性。它似乎在Chrome上工作,但不在IE和Firefox上,所以我不確定如何真正做到這一點。
@media only screen and (min-width: 480px) {
通過
@media only screen and (max-width) {
有人能幫助我嗎?
KR
我只是想知道如何禁用Boilerplate框架上的響應CSS。在鍋爐板上禁用響應
我到目前爲止所做的是取代下面的不同屬性。它似乎在Chrome上工作,但不在IE和Firefox上,所以我不確定如何真正做到這一點。
@media only screen and (min-width: 480px) {
通過
@media only screen and (max-width) {
有人能幫助我嗎?
KR
我不知道的方式輕鬆全局覆蓋一組與另一規則。然而有選擇。
0)只要刪除有問題的樣式表。 (我知道這不是你想要的答案,但它是最絕對的火法)。
1)如果可行,您可以創建第二個樣式表,將第一個表中不需要的所有內容解除。這很難保持,但會給你你想要的。只要所有的規則都是相同的,並且它們在文檔中的媒體規則之後,它們就會覆蓋它們。
2)使用JavaScript,您可以完全禁用個別樣式表,或者操作單個規則。退房document.styleSheets
。它是一個包含樣式表對象的數組。您可以說document.styleSheets[0].disabled = true
禁用頁面上的第一個樣式表。您還可以遍歷document.styleSheets[0].cssRules
來操作樣式表的所有CSS規則。
HTML5 Boilerplate中只包含佔位符媒體查詢,沒有響應式CSS。它們不會對您的網站產生任何影響,因此您不必嘗試禁用任何內容。
如果您不希望響應式風格,您應該刪除@media
。