作者niniangel (niniangel)
看板Web_Design
標題[問題] 如何將RWD CSS做分類
時間Sat Apr 5 21:26:04 2014
標題不知該如何下,
我苦惱的問題點是最近要幫有份內容都是專寫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://webptt.com/m.aspx?n=bbs/Web_Design/M.1396704367.A.E42.html
1F：推 GoalBased:最近也在想這一個問題，想問一下，只寫一個版本 04/05 22:56
2F：→ GoalBased:之後用解析度大小去乘以比例，這個做法可以嗎 04/05 22:56
3F：推 aspdoctor:我是改用scss寫就很好分類了 04/06 16:11
4F：推 annie1729:RWD，我最愛用Susy。 04/11 02:11