小编dor*_*272的帖子

我将 Nuxt 与 Vuetify 一起使用。我创建了一个类并为其分配了一些填充。
该类是在无作用域中定义<style>的layouts/default.vue。
当我处于开发模式 ( npm run dev) 时，一切看起来都很棒，正如我所期望的那样。该类位于容器元素上，因此最终的 html 看起来像
<div class="container container--fluid my-class">

当我处于开发模式时，开发工具看起来像这样：

如此my-class应用。但是一旦我构建了项目 ( npm run generate)my-class就会被类规则覆盖container：

我猜这是因为类组合成单个 css 的顺序造成的，但不确定它对于开发和构建项目的行为有所不同。我该如何修复它？

我正在尝试将一些卷安装到我的实例，它们都是 NVME。我读到，NVME 卷每次随机分配序列号时，它们的映射都不会保持相同。重点是我需要保持映射一致，它是针对一个数据库和一个假设保存数据的卷。现在，如果我重新启动实例，卷就会混合在一起，因此包含数据的卷可能会被安装到不同的目录，因此数据库服务启动但找不到任何数据。

当然，创建映像后也会发生这种情况，因此我无法配置 1 个实例并使用映像启动更多实例。

如何强制映射保持一致？或者停止使用 NVME？（我读到这个随机序列化仅发生在 NVME 上）

我正在使用 apexcharts 和 vue。我希望迷你图占据其父级宽度的 100%。

这就是我所做的：

<div>
  <apexchart
    :options="chartOptions"
    :series="series"
    height="150"
    style="width: 100%"
  />
</div>

我还尝试将宽度设置为组件的支柱，但其行为相同。

这是我的图表选项：

chartOptions: {
   chart: {
       type: 'area',
       sparkline: {
           enabled: true
       }
   },
   dataLabels: {
       enabled: false
   },
   stroke: {
       curve: 'straight',
       width: 3,
   },
   xaxis: {
       type: 'datetime',
   }
}

所以这里没什么特别的，它是从 apex 仪表板示例复制的，我添加的唯一内容是尝试将宽度设置为 100%。

它溢出了它的父级（绿色）和父级容器（黄色），如下所示：

而且当我调整窗口大小（不刷新）时，它不会保留其大小，它会变得比父窗口小：

如何让它填充其父级（绿色容器）的宽度并保持这种状态（响应式）？

谢谢