Nieskalowalne elementy na stronie

Question

Jak wystylizować w cssie pojemnik div o konkretnym id lub klasie, który bez względu na powiększanie nie zmieni swojej wielkości? 

Comments

Ale.. po co?

---

Aby zachować spójność z projektem i zamysłem autora

Answer 1

Możliwość powiększania strony jest po to, aby móc powiększać stronę.

Zmienianie rozmiarów to natywna funkcja przeglądarki - podnosi ona poziom dostępności strony. Z takich udogodnień korzystają na przykład osoby niedowidzące. Naprawdę odradzam zabawy z nieskalowalnymi elementami - niczemu dobremu one nie posłużą.

Od strony technicznej, skalowanie to nic innego jak zmienianie rozmiaru viewportu. Jeśli chcesz, aby strona była zgoda z projektem, wystarczy, że będzie ona responsywna. (Polecam świetny artykuł o vieporcie)

Warto tutaj wspomnieć o WCAG2.0 - 1.4.4 - strona powinna powiększyć się do 200% bez utraty treści lub funkcjonalności (do 200% nie powinien pojawiać się poziomy pasek przewijania)

Comments

A c jeśli chcę aby pojemnik zajmował całą wysokość ekranu, tak żeby zawartości poniżej nie było widać przy 100%? Chodzi mi o ekrany komputerów.

---

height: 100vh;