საუკეთესო პრაქტიკა | DivMagic

რჩევები და ხრიკები DivMagic-ისგან მაქსიმალური სარგებლობის მისაღებად

1. იმუშავეთ მობილურით

Tailwind-ის მსგავსი, დამიზნეთ ჯერ მობილური მოწყობილობები და შემდეგ დაამატეთ სტილები უფრო დიდი ეკრანებისთვის. ეს დაგეხმარებათ დააკოპიროთ და გადაიყვანოთ სტილები ბევრად უფრო სწრაფად და მარტივად.

DivMagic გარდაქმნის ელემენტს, როგორც ხედავთ მას ბრაუზერში. თუ თქვენ გაქვთ დიდი ეკრანი, კოპირებული სტილები იქნება დიდი ეკრანისთვის და მოიცავს ზღვარს, ბალიშს და სხვა სტილებს ამ ეკრანის ზომისთვის.

იმის ნაცვლად, რომ დააკოპიროთ სტილები დიდი ეკრანისთვის, შეცვალეთ თქვენი ბრაუზერის ზომა უფრო მცირე ზომით და დააკოპირეთ სტილები ამ ეკრანის ზომისთვის. შემდეგ, დაამატეთ სტილები უფრო დიდი ეკრანებისთვის.

2. ყურადღება მიაქციეთ ფონს

ელემენტის კოპირებისას, DivMagic დააკოპირებს ფონის ფერს. თუმცა, შესაძლებელია, რომ ელემენტის ფონის ფერი იყოს მშობელი ელემენტიდან.

თუ თქვენ დააკოპირებთ ელემენტს და ფონის ფერი არ არის დაკოპირებული, შეამოწმეთ მშობელი ელემენტი ფონის ფერისთვის.

3. ყურადღება მიაქციეთ grid ელემენტებს

DivMagic აკოპირებს ელემენტს, როგორც ხედავთ მას თქვენს ბრაუზერში. grid ელემენტებს აქვთ ბევრი სტილი, რომლებიც დამოკიდებულია ხედის ზომაზე.

თუ დააკოპირებთ grid ელემენტს და კოპირებული კოდი სწორად არ არის ნაჩვენები, სცადეთ grid სტილის შეცვლა flex-ზე

უმეტეს შემთხვევაში, grid სტილის შეცვლა flex-ზე და რამდენიმე სტილის დამატება (მაგ.: flex-row, flex-col) იგივე შედეგს მოგცემთ.