说我有一个现有的桌面CSS(desktop.css)。我想要包含iPad Safari css。
在desktop.css中,我们可以在最后进行一次condtional导入..
@media only screen and (device-width : 768px)
{
@import "ipad.css"
}
在ipad.css中,我们只有iPad相关的风格.. / * iPad样式* /
即。如果它是iPad用户,则会导入ipad.css,否则会被忽略。
最好的方法是什么?
答案 0 :(得分:2)
在desktop.css中,我们可以在最后进行一次condtional导入..
实际上,不,@import
必须先于任何其他样式声明。
但在您的情况下,如果您在开始时导入iPad样式,它们可能会被您的桌面样式所覆盖。因此,您最好使用其他<link>
元素与该媒体查询并指向ipad.css
而不是:
<link rel="stylesheet" media="only screen and (device-width: 768px)" href="ipad.css">