我使用Susy 2和breakpoint-sass来创建我的媒体查询。
它的输出如下:
@media (min-width: 1000px)
我想知道为什么屏幕丢失了?它应该是:
@media screen (min-width: 1000px)
我试图添加不起作用的css3-mediaqueries-js,我认为这可能就是原因。
答案 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;