最佳實踐 |魔法師

充分利用 DivMagic 的提示和技巧

1. 移動工作優先

類似於 Tailwind, 首先針對移動設備，然後為更大的屏幕添加樣式。 這將幫助您更快、更輕鬆地複制和轉換樣式。

DivMagic 會按照您在瀏覽器中看到的方式轉換元素。如果您有大屏幕，複製的樣式將適用於大屏幕，並包括該屏幕尺寸的邊距、填充和其他樣式。

不要復制大屏幕的樣式，而是將瀏覽器調整為較小的尺寸，然後復制該屏幕尺寸的樣式。然後，添加適合大屏幕的樣式。

2.注意背景

當您複製元素時，DivMagic 將復制背景顏色。但是，元素的背景顏色可能來自父元素。

如果復制元素但未復制背景顏色，請檢查父元素的背景顏色。

3.注意grid元素

DivMagic 複製您在瀏覽器中看到的元素。 grid 元素有很多與視圖大小相關的樣式。

如果復制 grid 元素並且複制的代碼無法正確顯示，請嘗試將 grid 樣式更改為 flex

在大多數情況下，將 grid 樣式更改為 flex 並添加一些樣式（例如：flex-row、flex-col）將得到相同的結果。