[問題] 如何將RWD CSS做分類

[niniangel (niniangel)]

標題不知該如何下,
我苦惱的問題點是最近要幫有份內容都是專寫RWD的CSS做分類
但不知該怎樣區分才會是最好的分法,尋求各位大大的相助~

我們公司有一份專寫RWD的CSS,裡面有數種不同裝置的尺寸
最近隨著網頁越增越多,每增一項專案,就會需要為這份專案的所有網頁寫RWD
現在這份ＣＳＳ已經越來越長,加上需要與同部門的同事們共用
因此想說是不是要來做個分類比較好

我想到的辦法有二,若各位有更好的辦法請告訴我!

先預設style-l.css裡的寬度是980px以上


1.<link rel="stylesheet" href="style-l.css">

  <link rel="stylesheet" href="style-m.css" media="only screen and
   (min-width:600px)" and (max-width:979px)" >

  <link rel="stylesheet" href="style-s.css" media="only screen and
    (max-width:599px)" >



---------------------------------------------------------------------


2. <link rel="stylesheet" href="style-l.css">

接著把所有內容都寫在style-l.css裡:


@media only screen and (min-width:600px) and (max-width:979px){
     #content {width:100%}
      以下省略...
      }

@media only screen and (max-width:599px){
     #content {width:100%}
      以下省略...
      }


目前公司裡的是用第二種做法,就是所有尺寸都在同檔案裡
但是整份ＣＳＳ內容會遇來越多,也常常遇到回頭修改某專案的語法情況,
不過若選擇使用第1種寫法感覺較容易分類,但會不會造成過度匯入檔案的負擔呢？

懇請各位給予解惑,感謝!







--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 61.231.76.70
※ 文章網址: http://www.ptt.cc/bbs/Web_Design/M.1396704367.A.E42.html
推 GoalBased:最近也在想這一個問題，想問一下，只寫一個版本
→ GoalBased:之後用解析度大小去乘以比例，這個做法可以嗎
推 aspdoctor:我是改用scss寫就很好分類了
推 annie1729:RWD，我最愛用Susy。