Punkty przerwania CSS
W przypadku korzystania z projektów domyślnych system zastosuje różne punkty przerwania podczas przełączania między telefonem komórkowym, tabletem i komputerem stacjonarnym. Punkty przerwania to:
minimalny
- Rozmiar ekranu poniżej 321 pikseli szerokości lub 321 pikseli wysokości
- Rozmiar czcionki jest dostosowany do 0.38
- Wysokość linii jest dostosowana do 1.05 em
- Wypełnienie pudełka zostało zmniejszone do 5px
- Rozmiar ekranu poniżej 450x450: Rozmiar pudełka został zmieniony na 100%100%
Telefon komórkowy: Portret
- Rozmiar ekranu poniżej 480 pikseli szerokości i 926 pikseli wysokości
- Szerokość pudełka powiększona do 100% i minimalna wysokość 300px
- Przyciski umieszczono pod treścią
- Logo jest ukryte
- Wypełnienie jest zmniejszone
- Dodatkowo: jeśli rozmiar ekranu jest mniejszy niż 414x736 lub 736x414 (np. iPhone 6/7/8), wyściółka pudełka jest zmniejszona
Telefon komórkowy: Krajobraz
- Rozmiar ekranu poniżej 926 pikseli szerokości i 480 pikseli wysokości
- Szerokość pudełka powiększona do 100% i minimalna wysokość 150px
- Przyciski umieszczone są po prawej stronie treści i mają szerokość 250px
- Logo jest ukryte
- Wypełnienie jest zmniejszone
- Dodatkowo: jeśli rozmiar ekranu jest mniejszy niż 414x736 lub 736x414 (np. iPhone 6/7/8), wyściółka pudełka jest zmniejszona
Komputer stacjonarny i tablet
- Rozmiar ekranu powyżej 926 x 480 lub 480 x 926
Dodatkowe zapytania mediów
Warstwy ułożone jako „dół/pełna szerokość”, „góra/pełna szerokość” i „wciśnij w dół”:
- Maksymalna szerokość 1500 pikseli: Treść (nagłówek, tekst i cele) warstwy zgody zostanie zmniejszona do „100% - 450 pikseli”, aby wyświetlić przyciski po prawej stronie treści.
- Maksymalna szerokość 1200 pikseli: Treść (nagłówek, tekst i cele) warstwy zgody zostanie zmniejszona do „100% - 250 pikseli”, aby wyświetlić przyciski po prawej stronie treści. Ten
- Maksymalna szerokość 800 pikseli: Treść (nagłówek, tekst i cele) warstwy zgody zostanie powiększona do 100%, aby wyświetlić przyciski pod treścią.
Warstwy ułożone jako „dół/prawy”, „dół/środek”, „środek/środek” i „góra/środek”:
- Maksymalna szerokość 600 pikseli: Rozmiar ramki jest zmieniany na 100% szerokości.
Warstwy ułożone jako „środek/centrum”:
- Maksymalna wysokość 600 pikseli i minimalna szerokość 926 pikseli: Rozmiar ramki jest zmieniany na pełną wysokość, a zawartość jest ustawiana tak, aby wyginała się z automatycznym przepełnieniem, aby zapobiec umieszczaniu ramki za wysoko w stosunku do okna.
Warstwy ułożone jako „prawa/pełna wysokość” i „lewa/pełna wysokość”:
- Maksymalna szerokość 400 pikseli: Rozmiar ramki jest zmieniany na 100% szerokości.
Strona ustawień niestandardowych:
