Jak rozwiązać problemy z rozmiarem urządzenia mobilnego?

Dlaczego strona źle wygląda na telefonie?

Problem najczęściej pojawia się, gdy dla danego elementu lub kontenera ustawisz stałe wartości w polach Wysokość i Szerokość. Te "sztywne" wymiary przenoszą się na widok mobilny, co powoduje zniekształcenia lub wychodzenie treści poza obręb mniejszego ekranu.

Kłopotliwe bywają również ustawienia Minimalnego/Maksymalnego rozmiaru projektowane specjalnie z myślą o dużych monitorach.

Jak naprawić responsywność krok po kroku:

• Otwórz panel Struktura strony zlokalizowany na prawym pasku narzędzi kreatora.
• Przejrzyj drzewo elementów i zlokalizuj wszystkie główne sekcje (układy typu Poziomego i Pionowego).
• Dla każdego z nich przejdź do zakładki Rozmiar na prawym pasku i wprowadź następujące korekty:
  • Zmień wartość Szerokość na 100% lub Automatycznie.
  • Zmień wartość Wysokość na Auto.
  • Upewnij się, że wszystkie pola wyboru Min. i Maks. w sekcji rozmiarów są odznaczone. Dzięki temu układ sam dopasuje się do wielkości ekranu.
• Kliknij przycisk Podgląd w górnym menu, aby zweryfikować poprawki na symulatorze urządzeń mobilnych.