Zurb foundation 移动基座的背景颜色是否可能不同? 我希望在移动视图中使用与桌面视图相比不同的背景颜色。在设置文件中,您有$topbar下拉框bg来设置颜色,但这两个视图的颜色相同。我尝试了以下代码: $topbar-dropdown-bg: white; @media only screen and (max-width : 40em) { $topbar-dropdown-bg: #dc2a87; } P>但问题是所有的视图都给出了颜色背景,但是这只能在移动视图中使用,使用SCSS媒体查询来改变基础顶条。 @media #{$small-only} { }

Zurb foundation 移动基座的背景颜色是否可能不同? 我希望在移动视图中使用与桌面视图相比不同的背景颜色。在设置文件中,您有$topbar下拉框bg来设置颜色,但这两个视图的颜色相同。我尝试了以下代码: $topbar-dropdown-bg: white; @media only screen and (max-width : 40em) { $topbar-dropdown-bg: #dc2a87; } P>但问题是所有的视图都给出了颜色背景,但是这只能在移动视图中使用,使用SCSS媒体查询来改变基础顶条。 @media #{$small-only} { },zurb-foundation,Zurb Foundation,将其与bg背景变量一起使用 @media #{$small-only} { $topbar-dropdown-bg :#fff; }

将其与bg背景变量一起使用

   @media #{$small-only} { 
   $topbar-dropdown-bg :#fff;
   }