Question

我正在处理的项目有3个css页面 - 可能不是最好的，但这是语法：

<link href="/cg/ui/css/desktop.css"" rel="stylesheet" type="text/css" media="only screen and (min-width:800px)" />
<!-- Tablets -->
<link href="/cg/ui/css/tablet.css" rel="stylesheet" type="text/css" media="all and (min-width: 600px) and (max-width: 799px)" />
<!-- phones -->
<link href="/cg/ui/css/mobile.css" rel="stylesheet" type="text/css" media="all and (min-width: 300px) and (max-width: 599px)" />

我的问题是，有没有办法在带有这些参数的本地样式表上做同样的事情？这不起作用：

<style>
@media "all and (min-width: 600px) and (max-width: 799px)"{
        /*this was my first guess, if possible but no works*/
}
</style>

谢谢，如果可能的话，它会让测试变得更容易！

Answer 1

@media all and (min-width: 600px) and (max-width: 799px)

相当于media =“all and min-with：900px”在本地样式表中

1 个答案: