最佳实践 |魔法师

充分利用 DivMagic 的提示和技巧

1. 移动工作优先

类似于 Tailwind , 首先针对移动设备，然后为更大的屏幕添加样式。 这将帮助您更快、更轻松地复制和转换样式。

DivMagic 会按照您在浏览器中看到的方式转换元素。如果您有大屏幕，复制的样式将适用于大屏幕，并包括该屏幕尺寸的边距、填充和其他样式。

不要复制大屏幕的样式，而是将浏览器调整为较小的尺寸，然后复制该屏幕尺寸的样式。然后，添加适合大屏幕的样式。

2.注意背景

当您复制元素时，DivMagic 将复制背景颜色。但是，元素的背景颜色可能来自父元素。

如果复制元素但未复制背景颜色，请检查父元素的背景颜色。

3.注意grid元素

DivMagic 复制您在浏览器中看到的元素。 grid 元素有很多与视图大小相关的样式。

如果复制 grid 元素并且复制的代码无法正确显示，请尝试将 grid 样式更改为 flex

在大多数情况下，将 grid 样式更改为 flex 并添加一些样式（例如：flex-row、flex-col）将得到相同的结果。