Wiem, że zastanawiam się od dawna martwe pytanie, ale miałem to samo pytanie i chciałem coś dodać. Proszę, nie zbanuj mnie za to, uważam, że było to wystarczająco ważne, aby uzasadnić tę odpowiedź, w razie potrzeby usunę ją. @Joseph Silber się myli, kodowanie wszystkich możliwości jest realnym sposobem na zrobienie tego. Powodem jest to, że tak naprawdę nie ma nieskończonych możliwości. Technicznie są, ale 99% odwiedzających będzie korzystało ze standardowej rozdzielczości. Jest to podwójnie prawdziwe w przypadku urządzeń mobilnych (główny powód elastycznego projektowania stron internetowych), ponieważ większość mobilnych systemów operacyjnych uruchamia aplikacje na pełnym ekranie bez zmiany rozmiaru okna.
Ponadto wysokość jest praktycznie nieistotna ze względu na pasek przewijania (do tego stopnia, że od razu opuszczałbym stronę internetową, która miała więcej niż 4 lub 5 stóp długości, ale w większości jest to prawda), więc musisz się tylko martwić o szerokość. I tak naprawdę, jedyne szerokości, które musisz zakodować to: 240, 320, 480 (dla starszych iThings), 640, 800, 1024, 1280, 1440, 1600, 1920, 2048, 2560. Nawet nie zawracaj sobie głowy 4k, zbyt mocno rozleje twoje zdjęcia, a rozmiar 2560 rozciągnięty do 100% szerokości wygląda dobrze na monitorze 4k (przetestowałem to). Nie przejmuj się także 720 (720x480), jak sugerował poprzedni plakat. Jest to rozdzielczość używana prawie wyłącznie przez aparaty cyfrowe, a nawet wtedy jest bardzo rzadka.
Jeśli ktoś używa egzotycznej rozdzielczości, prawie każdy renderer wykonany w ciągu ostatnich 15 lat zaokrągli w dół, więc jeśli ktoś ma szerokość ekranu, powiedzmy. 1100, ładuje regułę 1024 CSS, twoja strona nie powinna się zepsuć. To sprawia, że rozliczanie się z egzotycznych rozdzielczości nie jest konieczne, a próba stworzenia responsywnej reguły jest niepotrzebna, a pomysł, że musisz kodować każdą możliwą konfigurację piksel po pikselu, jest absurdalny, chyba że ktoś używa przeglądarki internetowej tak przestarzałej, że Twoja witryna prawdopodobnie nie załaduje się na i tak wszystko.
width
Wem
s rzeczy przechodzi na odwrót. Towidth
zależy odfont-size
. @JosephSilber Właśnie tak myślałem.