单独的桌面CSS样式表

时间:2016-08-27 21:18:44

标签: css twitter-bootstrap-3

我目前正在为移动和桌面创建一个Bootstrap 3网站,采用移动优先方法。

我一直关注此网页Creating a Mobile-First Responsive Web Design

它提到使用style.css进行移动视图,使用enhanced.css样式表进行桌面视图。

我知道这可能是非常基本的,但我有点困惑,因为我目前正在使用一个样式表,它将移动样式保持为默认值,而我正在使用平板电脑和桌面视图的媒体查询。

我想知道哪些样式应添加到桌面视图的enhanced.css样式表中?

1 个答案:

答案 0 :(得分:0)

是否将它分成多个样式表或一个样式表并不重要。这真的是个人喜好的问题。

我个人使用一个样式表来表示我希望在整个网站中普及的内容(例如通用字体或通用字体颜色)。我把那张表格称为pageFormat.css。

然后,如果我计划添加和调整特定于该页面的按钮大小等内容,我会为每个创建的页面创建一个单独的CSS文件。

只要确定无论是包含一个样式表还是多个样式表,都要包含链接引用,以便HTML浏览器知道在何处找到包含所有数据的CSS文件。