我目前正在为移动和桌面创建一个Bootstrap 3网站,采用移动优先方法。
我一直关注此网页Creating a Mobile-First Responsive Web Design
它提到使用style.css进行移动视图,使用enhanced.css样式表进行桌面视图。
我知道这可能是非常基本的,但我有点困惑,因为我目前正在使用一个样式表,它将移动样式保持为默认值,而我正在使用平板电脑和桌面视图的媒体查询。
我想知道哪些样式应添加到桌面视图的enhanced.css样式表中?
答案 0 :(得分:0)
是否将它分成多个样式表或一个样式表并不重要。这真的是个人喜好的问题。
我个人使用一个样式表来表示我希望在整个网站中普及的内容(例如通用字体或通用字体颜色)。我把那张表格称为pageFormat.css。
然后,如果我计划添加和调整特定于该页面的按钮大小等内容,我会为每个创建的页面创建一个单独的CSS文件。
只要确定无论是包含一个样式表还是多个样式表,都要包含链接引用,以便HTML浏览器知道在何处找到包含所有数据的CSS文件。