0

我正在构建预订平台的公共部分，并希望它首先是移动的。在花了几个小时了解布局的呈现方式之后。我得出的结论是，VM 中的列数在 14 列以下没有任何影响。因此，为了控制布局，我为 VM 中的所有内容添加了一个组框（包装器），并将其设置为：

.wrapper {  
        grid-column-start: 1;
        grid-column-end: 13;

        @media only screen and (min-width: 500px) {
            grid-column-start: 5;
            grid-column-end: 9;
    }
   }

这将使 VM 在移动设备上填满屏幕，并在桌面上居中显示屏幕。这是这样做的方法吗？或者我错过了什么。

我希望能够在 VM 级别设置一个样式类来处理不同的布局和样式，在我的情况下，用于平台的公共部分和管理部分。还是有其他方法可以做到这一点？是的，vm 是一个类，但这更多的是在类别级别上。

使用组框是处理布局的方法吗？在这种情况下，如果 vm-editor 在使用嵌套 VM 时以更好的方式处理多个级别，那就太好了。

4

1 回答 1

0

我不明白“在 14 列以下有任何影响”是什么意思。

呈现的视图将具有与设计相同的列数。

Groupboxes 旨在对内容进行分组，并将获得附加功能，以便所有内容始终包装在来自设计的 group box 或推断的 group-box 的 div 中。

这将使一种设计更容易适应不同的屏幕尺寸。到目前为止，这并不是实施的优先事项。

于 2020-05-13T18:15:24.040 回答