[問題] 如何將RWD CSS做分類
標題不知該如何下,
我苦惱的問題點是最近要幫有份內容都是專寫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
推
04/05 22:56, , 1F
04/05 22:56, 1F
→
04/05 22:56, , 2F
04/05 22:56, 2F
推
04/06 16:11, , 3F
04/06 16:11, 3F
推
04/11 02:11, , 4F
04/11 02:11, 4F