切換響應式CSS代碼

所以在我的腳本我正在努力我有很多不同的選項，用戶可以設置VIA變量。現在我的一個變量是cfs_responsive，並且我有一個JavaScript if條件檢查true/false或1/2值以及是否設置了實際變量。現在我卡在這裏。一旦我得到正確寫入的條件，我該如何打開和關閉響應的css代碼？切換響應式CSS代碼

我的響應式css代碼如下。

/* ===RESPONSIVE=== */ 
    /* CSS DIRECTORY 
     1. =primaryCATEGORY 
     2. =subCATEGORY 
     3. =lowerCONTENT 
    */ 
    @media all and (max-width: 1000px) { 
     /* ===primaryCATEGORY=== */ 
      /* Single Primary Category Divider */ 
      .cfs_primaryCategory { 
       margin-left: 0px; 
       position: absolute; 
      } 
      .cfs_primaryCategory h1 { 
       visibility: hidden; 
      } 
      .cfs_primaryCategory.cfs_primaryCategory-active h1 { 
       visibility: visible; 
      } 
      .cfs_primaryCategory.cfs_primaryCategory-active {position: relative;z-index: 999;} 
     /* ===subCATEGORY=== */ 
      /* Single Sub Category Divider */ 
      .cfs_subCategory { 
       margin-left: 0px; 
       position: absolute; 
      } 
      .cfs_subCategory.cfs_subCategory-active {position: relative;z-index: 999;} 
     /* ===lowerCONTENT=== */ 
      /* Lower Content Wrapper */ 
      .cfs_lowerContent-wrapper { 
       padding: 25px 35px 0px 35px; 
       max-width: 450px; 
      } 
    }

請問這樣做是分離該樣式表分爲兩個不同的樣式則具有if語句中的JS的唯一方法包括：如果真樣式表？

我真的很想把樣式表放在一起。

讓我知道你在想什麼。

巨大的感謝提前！

來源

2013-12-24 Kevin M. Gilbert

的響應代碼的特定部分是「接通和關斷」，由屏幕的寬度。沒有涉及JavaScript（或jQuery）。答案是改變瀏覽器的寬度。要麼你誤解了響應式CSS，要麼我誤解了這個問題。 – Popnoodles

您誤解了我...腳本中的選項允許打開或關閉響應模式。因此禁用腳本的響應部分。 –

好的。您的想法將其保存爲單獨的樣式表並將其從頁面中添加/刪除是有聲的。我唯一能想到的另一個選擇是在body上添加/刪除一個類，即'>'，並在CSS'body.responsive.cc_primaryCategory {...}'中使用它。 – Popnoodles

你的點子，以保持它作爲一個單獨的樣式表，並添加/從頁面的聲音中去除它。

我能想到的唯一的其他選擇是添加/刪除體上或另一個父元素，例如一個類<body class="responsive">和使用，在所述CSS：

body.responsive .cfs_primaryCategory {...}

$('body').toggleClass('responsive'); 
// or $('body').addClass('responsive'); 
// and $('body').removeClass('responsive');

來源

2013-12-24 02:24:05 Popnoodles

切換響應式CSS代碼

回答

相關問題