媒体查询使用Breakpoint Sass丢失屏幕

时间:2014-04-29 20:50:39

标签: css media-queries susy-compass breakpoint-sass susy-sass

我使用Susy 2和breakpoint-sass来创建我的媒体查询。

它的输出如下:

@media (min-width: 1000px)

我想知道为什么屏幕丢失了?它应该是:

@media screen (min-width: 1000px)

我试图添加不起作用的css3-mediaqueries-js,我认为这可能就是原因。

2 个答案:

答案 0 :(得分:1)

这可能会有所帮助: https://github.com/Team-Sass/breakpoint/wiki/Advanced-Media-Queries#media-types

如果您在此之后仍然困住,是否可以编辑您的问题以包含输出该媒体查询的sass代码?

答案 1 :(得分:1)

断点的默认媒体类型为all,根据CSS规范,可以省略。我们这样做,我们不想假设任何媒体类型,这样做导致我们现在的情况,媒体类型几乎无用。如果您想要将断点中的默认媒体类型更改为screen,在包含任何断点混合之前,请将以下内容添加到您的Sass文件中:

$breakpoint-default-media: screen;