css - 相当于本地样式表中的媒体 ="all and min-with:900px"

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)