Responsywność, a strona jako stały element.

[NakloxPL]

Witam,

 

Dziś chcę was spytać co zrobić, aby strona na mniejszych rozdzielczościach niż 1024px; nie zmieniała się na telefonach itp, po prostu żeby była stałym elementem, jeśli zmniejsze teraz okno przeglądarki na mojej testowej stronie to strona dostosuje się do tej rozdzielczości i większość elementów na stronie po prostu jest źle ułożona..

 

Jest to moja pierwsza napisana strona, mógłbym ją całą przebudować na stronę responsywną, ale narazie po prostu nie mam na to czasu..

Źle zacząłem, bo pierw zbudowałem strone, a potem zacząłem myśleć o mobilnych użytkownikach ;/

 

Ale dobra, bo odbijam od tematu..

 

Co zrobić, aby strona nie zmieniała się podczas zmniejszania rozdzielczości poniżej 1024px;

[CoderX]

CSS:
 

@media screen and (max-width: 1024px) {
     .mobile {
           display: initial;
     }
     #nav {
        I pisz swoje divy tutaj itd... zrob jeszcze wczesniej np, div class mobile display: none; i w html w tym divie umieszczaj elementy pod mobilną wersję.
     }
 
}

Nie najlepiej wytłumaczyłem ale według mnie ten sposób jest dobry, przynajmniej ja go z reguły używam ;D Musisz trochę pokminić co trzeba dodać takie mini-zadanko

[NakloxPL]

Dzięki, jak wrócę z pracy to ogarnę to i napisze

[NakloxPL]

@Edit

 

Niestety nie umiem nic z tego wykminić.. 

Chyba po prostu zrobie osobną mobilną stronę, ale w związku z tym, jak przekierować urządzenia z rozdzielczością mniejszą niz hm 960px; na stronę np xxx.pl/mobile

[Burned123]

No ale nie rozumiem problemu. Stosujesz media queries i normalnie dodajesz cssa tylko pomiędzy znacznikami definiującymi rozdzielczość. Przecież tak się teraz to robi.

[Jakub]

Przeczytaj sobie ten artykuł https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries.

[NakloxPL]

Dzięki, zobaczymy co z tego wyjdzie.