Question

我在Drupal网站上有基础设置我想从基础实现断点。我有以下断点设置

$ breakpoints :( 小：0，中：640px，大：1024px， xlarge：1200px， xxlarge：1440px，）;

$ breakpoint-classes :(小中大）;

断点工作还需要哪些其他设置。

Answer 1

基本上你只需要在你的标记上实现这些类

以下是使用Foundation默认类的示例：

<div class="row">
  <div class="small-6 medium-4 columns"></div>
  <div class="small-6 medium-8 columns"></div>
</div>

确保您的标记的<head>中包含视口元标记：

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

此外，在任何样式定义中，您可以使用以下断点覆盖它：

.my-background {
  background-color: #FFFFFF;
  @include breakpoint(medium only) {
    background-color: #000000;
  }
}

无论您在这些大括号之间定义什么，都会影响“中等”断点内的屏幕。