作者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/cn.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