Strona www na różnych formatach ekranów

Question

Witam. Zapewne gdzieś w sieci jest już dostępne wyjaśnienie problemu z którym się zmagam więc jedyne o co proszę to o pomoc w znalezieniu odpowiednich wskazówek. Jestem początkujący w temacie programowania stron www i mam problem z zaprogramowaniem witryny tak, aby była poprawnie wyświetlana na różnych formatach ekranów. No bo ekrany w telefonach mają zupełnie inny format oraz rozdzielczość niż ekrany w laptopach więc kiedy dostosuję w html i w css wielkości wszystkich parametrów tak, że wygląda to dobrze na moim laptopie kiedy okno przeglądarki jest zmaksymalizowane to już kiedy zmieniam wielkość okna przeglądarki to divy zaczynają zmieniać swoją lokalizację względem siebie i zaczyna się robić bałagan. Stąd zakładam że na ekarach telefonów taka strona www była by całkiem nieczytelna.

Dodam jeszcze, że uczę się programowania z kanału na youtube Pana Mirosława Zelenta i jeszcze nie skończyłem kursu html oraz css ale już teraz zrobiłem samodzielnie kilka stron www i ten problem się pojawia przy każdym projekcie jaki zaczynam samodzielnie.

Z góry dziękuję za odpowiedzi i życzę wszystkim miłego dnia.

Answer 1

Strony www tworzy się z reguły najpierw na urządzenia mobilne a następnie idzie to góry w rozdzielczościach. Poczytaj na początku o mediaquery. Można dzięki nim nadać inny kod css względem rozdzielczości oraz orientacji ekranu. a następnie o flexboxach które mocno ułatwia tworzenie responsywnych stron.

Mediaquery

Flexboxy

Answer 2

Tematem, którym powinieneś się zainteresować jest responsywność stron internetowych (ang. Responsive Web Design (RWD) )

Tu masz fajny odcinek o tej tematyce

https://www.youtube.com/watch?v=kc-3RBzScBY