Witam.
Temat wałkowany dziesiątki razy. Znalazłem róznego rodzaju odpowiedzi (nawet cofając się do baaaardzo starych postów) na różnych stronach (ale także i tu, oczywicie )
Może i banał, ale na dzień dzisiejszy bardzo bym prosił o RZETELNĄ i w miarę możliwości PRECYZYJNĄ odpowiedź na pytanie:
"Czy jest sens robienia strony pod różne rozdzielczości?"
(różne - czytaj: najbardziej popularne, biorąc pod uwagę statystyki)

Czyli inaczej mówiąc: strona wygląda "tak" pod rozdzielczościa (np.) 1024x768 a inaczej pod 1200x900, a jeszcze inaczej pod 1280x768, itp...

Jest z tym "trochę" zabawy (różne CSS-y, nieco inny układ strony pod daną rozdzielczością...), dlatego proszę o odpowiedzi, które naprawdę coś wniosą do tematu.

Być może komuś (innemu) się przyda...

I przy okazji jeszcze jedno:
Jak Waszym zdaniem jest lepiej: robić szerokość strony w %, czy ustawiać na sztywno w px?
Pytanie oczywiście związane z tym o rozdzielczościach.

Tak, jak pisałem na początku: odpowiedzi na różnych forach jest naprawdę całe mnóstwo. Lecz z reguły są to odpowiedzi "stare" i tym samym nie są (moim zdaniem) przydatne.

Bardzo proszę o odpowiedzi i (nawet) dyskusję.

Pozdrawiam.

Sam kiedyś się tym martwiłem. Ogólnie najlepszym rozwiązaniem jakie wg mnie jest to tworzenie strony responsywnej.

CSS na szczęście ma narzędzia które pozwalają tworzyć takie strony, dostosowywać pod konkretne zakresy rozdzielczości więc wystarczy używać, ale trochę czasu to zajmuje, dlatego wg mnie najlepiej używać gotowych szkieletów takich jak Bootstrap, Foundation, Gumby, Skeleton i wiele innych.

W czasach bootstrapa, mobile first i całej tej rozdzielczości, zastanawiam się czy ten topic to nie taki typowy trool. No chyba że kolega, zakopał się na dobre 3 lata pod ziemią i dopiero wyszedł...

Dostosowywanie do rozdzielczości / rozmiaru urządzeń to oczywiście responsywność. Co do wydajności strony pod różnymi urzadzeniami, istnieją tysiące bibliotek do np. ładowania odpowiedniej wielkości obrazu w zależności od rozdzielczości.

jakaś nazwa?

Np. https://css-tricks.com/responsive-images-yo...ons-use-srcset/

html5:

[HTML] pobierz, plaintext 
<style>
  img {display: block; margin: 0 auto;}
</style>
 
<picture>
  <source 
    media="(min-width: 650px)"
    srcset="images/kitten-stretching.png">
  <source 
    media="(min-width: 465px)"
    srcset="images/kitten-sitting.png">
  <img 
    src="images/kitten-curled.png" 
    alt="a cute kitten">
</picture>
[HTML] pobierz, plaintext 

picture to przerost formy nad treścią często. W większości przypadków [srcset] starcza, czasami można nawet pokusić się o zastosowanie nagłówków Client Hints. Polecam poczytać sobie http://usecases.responsiveimages.org/ + https://dev.opera.com/articles/responsive-images/