我有一个文件master.css
,我在其中定义了一般样式和另外两个文件movilices.css
,screen.css
它们为每个设备定义了特定样式,如何根据使用 Bootstrap 的设备加载这些文件?
Bootstrap 适用于带有首字母 md、xs 等的设备尺寸,其想法是根据这些相同的规则加载 CSS,我知道您可以使用div
s 和 HTML 元素中的类来执行此操作。
我有一个文件master.css
,我在其中定义了一般样式和另外两个文件movilices.css
,screen.css
它们为每个设备定义了特定样式,如何根据使用 Bootstrap 的设备加载这些文件?
Bootstrap 适用于带有首字母 md、xs 等的设备尺寸,其想法是根据这些相同的规则加载 CSS,我知道您可以使用div
s 和 HTML 元素中的类来执行此操作。
通过“链接”元素的“媒体”属性,您可以做到:它使用与媒体查询相同的语法,实际上是使用它们的一种方式。
您不应该根据设备区分 .css 的负载,因为它为此存在
media queries
在同一个 css 中,您可以定义如何根据设备分辨率的变化来应用样式。
响应式网页设计 - 媒体查询
CSS3 媒体查询的使用:媒体查询和响应式设计。
以这种方式总是加载 css,但是如果您需要根据滑块的大小专门化一些样式,您可以定义一个
@media