[HTML && CSS] Strona dostosowana do każdego urządzenia

Question

Ogółem próbuję zrobić stronę internetową(uczę się dopiero) i chcę ją zrobić tak aby pasowała do każdego urządzenia nie ważne w jakim oknie ona się odpali to i tak ta strona będzie dobrze wyglądała(będzie się dostosowywać do okna).

Zastanawiam się jak robione jest to na profesjonalnych stronach typu yt, fb, allegro, itp. czy do tworzenia takich strona trzeba używać jednostki vw i vh czy wystarczy używać px ale po prostu jest to zrobione za pomocą @media w css bo pewnie bootstrap też jest używany ale się właśnie zastanawiam jak to robią wie ktoś może jak to jest robione??

Wpisywałem w neta i czytałem trochę o responsywności strony ale chciałem się też spytać bo może ktoś coś będzie wiedział coś o tym. 

Comments

Zastanawiam się jak robione jest to na profesjonalnych stronach typu yt, fb, allegro, itp.

Inspektor elementów DOM prawdę Ci powie.

---

no dzięki odpalałem to i patrzałem tylko ze jedyne co zobaczyłem ze np. na yt używają px a nie wiem jak to się ma do dostosowywania do okna przeglądarki bo pliki css co widziałem tylko stylizowanie bez media a jak były to do pojedynczych elementów a nie całych strona

---

Możliwe, że na serwerze jest rozpoznawany "viewport" coś jak w np.: 
php-ie $_SERVER['HTTP_USER_AGENT '] i na tej podstawie jest generowany kod css. Jeszcze w czasach przed BOOTSTRAP-em , robiło się osobną wersję strony na desktop i osobną na fony, tablety itd.

What is the best practice to detect screen width on server-side?

---

no właśnie też o takim czymś pomyślałem dzięki