以计算对您网站的影响。 值得注意的是。您可以真正减分列元素的 大小。在这些情况下。元素<>在显示小部件之前会使用八级元素。
转换为容器可以
将其从八级<>元素减少到四级。在某些情况下可以减少到只有两级<>元素。 如果您仍在使用部分列布局结构。那么是时候迁移到容器了。这样做的好 比利时电报数据 处大于您在迁移过程中投入的工作。为了简化迁移。 甚至为此提供了一个方便的转换按钮。 盒装与全宽 优化 大小的另一种方法是区分盒装容器和全宽容器。 盒装容器具有最大宽度。因此需要在 中使用内部元素<>。
另一方面向两侧拉伸
的全宽容器因此只需要一个<>元素。 盒装结构 京东的用户 优化嵌套容器结构 现在我们了解了盒装容器和全宽容器的不同 结构。我们可以开始优化我们网站的 输出。尤其是嵌套其他容器的容器。 下一个优化技巧如下：如果您有一个使用盒装宽度的父容器。则可以使所有嵌套容器都具有全宽。这样。您可以获得相同的设计。但 更少。 结构有一个带框的父容器。如果两个子容器也带框。
则每个容器将由两
层<>元素组成。但如果它们是全宽的。则<>只会使 BY 列表 用一个。 再次强调。只有当父容器被装箱时。此优化才有效。 结论 如您所见。有三种简单的策略可以优化布局元素的 大小：用容器替换部分列布局元素；带有单个嵌套容器的容器可以展平；如果您使用嵌套容器并且父容器是盒装的。请将所有内部容器设置为全宽。这些策略可以帮助<>从网站的 中消除大量不必要的元素。
