CSS Media Query Import for mobile

Kev*_*vin 1 css css3 media-queries responsive-design

我想我在这里感到困惑。由于响应式设计有点绿色,我试图根据网站的查看宽度导入2个样式表中的1个。

但是,使用以下内容时,在Firebug中查看时,两者似乎都下降了。

它是否正确?我究竟做错了什么?

我想要实现的是,如果浏览器宽度小于940px,则拉active.css,如果大于px,则拉full.css

我已经包含了react.js库 https://github.com/scottjehl/Respond

@import url("/inc/Styles/full.css") (min-width: 940px);
@import url("/inc/Styles/responsive.css") (max-width: 940px) and (min-width: 100px);
Run Code Online (Sandbox Code Playgroud)

小智 5

是的,这是正确的,不,您没有做任何我可以告诉的错误。我认为您想得太多了(您真的不需要第二次导入的最小宽度)。

如果还没有,请阅读Ethan Marcotte的Responsive Web Design。