在基础CSS中将全局CSS值应用于移动视图？

Question

我正在使用基础css 5来构建一个Web应用程序，它在平板电脑和桌面视图中非常完美。但是当进入移动视图时，它并没有捕获我手动定义的CSS属性。

我查看了媒体查询，发现移动视图的CSS位于@media only screen { }

如果我想将相同的属性添加到移动视图，我是否需要在@media only screen {}中添加以下代码？

.mentoring-bg-color {
    background-color: #003B5D;
    color: #C9C9C7;
}

以上适用于桌面和平板电脑视图或大中视图。

Answer 1

根据Foundation 5 media Queries

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) { 
   .mentoring-bg-color {
      background-color: #003B5D;
      color: #C9C9C7;
   }
}

css mentoring-bg-color仅适用于移动视图。