Layout strony na różnych ekranach

pytanie zadane 15 września 2017 w HTML i CSS przez Gambr Dyskutant (7,530 p.)

Cześć. Pracuję na projektem edukacyjnym z liceum i jako formę ekspresji wybrałem stronę. Znam html5 i css, i w miarę ogarniam jQuery. Klopot jest taki, że nigdy nie lubiłem kolorków i pop upów a raczej wolałem algorytmy z c++ lub projektowanie aplikacji androidowych. Nie jestem dobrym designerem, więc wybaczcie ignorancje front endową. Mój kłopot ze stroną polega na tym, że pracuje nad nią na laptopie z dość małym monitorem, i kiedy układam layout pod mój laptop, to na komputerze z dużym monitorem wszystko jest za małe i jest pełno pustej, niezagospodarowanej przestrzeni a na laptopie wszystko jest upakowane. I tutaj moje pytanie: Czy można jakoś ustalić ogólny kształt layoutu który sam się doskaluje do danego monitora?

Pozdrawiam i dzięki za każdą odpowiedź

komentarz 16 września 2017 przez manjaro Nałogowiec (37,390 p.)

Znam html5 i css,

a nie wiem co to responsywność i media queries... no litości

2 odpowiedzi

odpowiedź 15 września 2017 przez Giovacho Użytkownik (960 p.)
wybrane 16 września 2017 przez Gambr

Najlepsza

To się nazywa responsywność. Możesz użyć np. Media Queries w css.

komentarz 15 września 2017 przez Gambr Dyskutant (7,530 p.)

W sumie wydaje się spoko, bo z tego co patrzę z perspektywy zielonki, to nie muszę wywracać strony do góry nogami i pchać się w jakieś bootstrapy.

Przerobię parę tutoriali i może coś z tego będzie. Dzięki za odp

1	komentarz 15 września 2017 przez Giovacho Użytkownik (960 p.) Powodzenia! :D

odpowiedź 15 września 2017 przez ProgramistaStepek Nałogowiec (27,020 p.)

Zastosuj podejście Fluid Design oraz RWD.

komentarz 15 września 2017 przez Gambr Dyskutant (7,530 p.)

Hm a czy stosowanie tych rozwiązań wymaga budowy strony od nowa pod kątem frameworka czy można przenieść tam gotowy projekt ?

1	komentarz 15 września 2017 przez ProgramistaStepek Nałogowiec (27,020 p.) Nie musisz pisać od nowa. To co trzeba zmienić przede wszystkim to jednostki. Po opisie problemu domyślam się, że używasz px które są złą jednostką do RWD i Fluid. Poczytaj o vh,vw, %, em,rem...