Uczynienie strony responsywną¶
Co to jest strona responsywna?¶
Mówiąc prościej, strona „responsywna” to strona internetowa, która może być oglądana w czytelny i ergonomiczny sposób na różnych rozmiarach ekranu (od pulpitu do smartfona).
WaFx rozwiązuje ten problem, proponując webmasterowi zdefiniowanie stron swojej witryny z elementami, których właściwości geometryczne będą zależały od ekranu odwiedzającego.
Porady ogólne¶
- Korzystanie z zoomu
Nie wahaj się aktywować zoomu (u góry po lewej), aby łatwo zlokalizować swoje elementy.
- Użycie maskowania elementów
Możesz udoskonalić swój układ poprzez ukrycie pewnych elementów w zależności od ekranu lub języka
Jak korzystać z responsive?¶
Wskazówka
Zaleca się umieszczenie tylko 2 ekranów roboczych (1 pulpit + komórka), Twoja strona będzie łatwiejsza do modyfikacji
Stworzyłeś swoją stronę w formacie komputerowym i chcesz udostępnić ją na smartfonie (bez konieczności powiększania, aby zobaczyć elementy Twojej strony).
Aktywuj format mobilny w ogólnych właściwościach strony (wybierz 2 układy).
W obszarze roboczym wybierz ikonę odpowiadającą formatowi telefonu komórkowego.
Twoja strona zostanie wyświetlona jako „zmniejszona”, nie jest jeszcze w formacie mobilnym.
Następnie należy ułożyć każdy element (większość z nich powiększyć), aby uzyskać czytelny rendering mobilny.
Opublikuj, twoja strona jest teraz responsywna