Wersja mobilna strony

Question

Witam mam pytanie jak zrobić mobilną wersje strony www ?

z użyciem css oraz html z góry dziękuje za odpowiedź :)

Answer 1

Cały plik CSS możesz wrzucić w takie coś:

@media (min-device-width: 1000px) /*Jeżeli ekran ma więcej niż 1000px, to użyje tego stylu
{

//CSS

}

@media (max-device-width: 1000px) /*Jeżeli ekran ma mniej niż 1000px, to użyje tego stylu
{

//CSS

}

Możesz oczywiście użyć innych rozdzielczości, więcej wariantów itd. 

 

Mam nadzieję, że pomogłem

Comments

Czyli mogęzrobićtakie coś:) ? 

@media (max-device-width: 1000px)

{

margin-top: 100px;

itp

}

? :)

---

Nie dokońca 

 

Np.

@media (max-device-width: 1000px)

{

    body

    {

    width: 1000px;

    background-color: red;

    itd.

    }

    #container

    {

    

    }

 

    .klasa

    {

    

    }

}

---

Aha już rozumiem tak jakby style css w stylach css dziękuje za odpowiedź już rozumiem :)

biorę się do pracy :)

Pozdrawiam

Answer 2

Responsywność, takie hasło wpisz w google :)
Mirosław Zelent napewno zrobi osobny odcinek o tym tylko czekac :)!
Pozdro

Comments

Tylko czekać :) napewno będzie to cenny materiał dla mnie :)

Answer 3

możesz zainteresować się bootstrapem łatwo szybko i przyjemnie stworzysz strone responsywną :)

Comments

Tak jest to przyjemny framework ale spotkałem się z tym iż ludzie nei wiadomo skąd ślą na niego hejt. I taki usługodwca może uznać ze przedstawiasz mu jakieś nic nie warte "gówno". A tak naprawde może być do dobry kod.

Answer 4

Wystarczy zrobić responsywny szablon strony polecam ten poradnik. :)

blog.wilgosz.pl/tworzenie-stron/szablony-responsywne

Comments

Dziękuje napewno skorzystam :)

Answer 5

Najlepiej przebudować stronę na responsywną.

https://www.footstep.pl/blog/strona-responsywna-tutorial - przykładowy poradnik

Answer 6

Jeśli nie chcesz korzystać z biblioteki JQuery mobile to proponuję technikę media queries w css, która pozwala na zdefiniowanie szerokości okna przeglądarki i wystylowania contentu odpowiednio pod daną szerokość.

Answer 7

Jak ktoś wyżej wspomniał to bootstrap za pomocą jednej klasy dostosujemy np: kolumnę do szerokości ekranu.