Strona pod urządzenia mobilne?

pytanie zadane 21 listopada 2015 w HTML i CSS przez MatiiTv Gaduła (3,800 p.)

Witam. Chciałbym zrobić żeby moja strona była kompatybilna z urządzeniami o różnych rozdzielczościach. Wiem, że istnieje coś takiego jak Bootstrap, ale nie wiem czy to wymaga napisania strony od nowa, nie wiem jak to działa. I własnie po to wątek. Czy żeby moja strona była właśnie taka muszę zmieniać jej strukturę? Pisać ją od nowa? Czy może nic nie trzeba zmieniać, ale jak to dostosować? Pozdrawiam.

4 odpowiedzi

odpowiedź 21 listopada 2015 przez Ivan Maniak (60,650 p.)
wybrane 21 listopada 2015 przez MatiiTv

Najlepsza

Poczytaj o responsive web design, nie nie wymaga to pisania strony od nowa.

komentarz 21 listopada 2015 przez MatiiTv Gaduła (3,800 p.)

Dzięki :) Mógłbyś napisać coś więcej? Jak to działa? Będę wdzięczny.

komentarz 21 listopada 2015 przez MatiiTv Gaduła (3,800 p.)

Wiem, że istnieje coś takiego jak Google, ale skoro już zrobiłem ten wątek...

odpowiedź 21 listopada 2015 przez Szymon Lisowiec Mądrala (7,150 p.)

Bootstrap to żadne przerobienie strony na mobilną. Kto tak w ogóle reklamuje bootstrapa...

Istnieje coś takiego jak RWD (media queries) z którego korzysta bootstrap.
Przykładowe użycie:

@media screen and (max-width: 800px){
    body {
        background: #0000ff;
    }
}

"Gdy urządzenie posiada ekran i ma on mniejszą szerokość od 800px, body będzie posiadało niebieskie tło."

Więcej: http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

komentarz 21 listopada 2015 przez Szymon Lisowiec Mądrala (7,150 p.)

Aj, uprzedzono mnie. :)

odpowiedź 21 listopada 2015 przez Else Stary wyjadacz (12,260 p.)

Bootstrap to w zasadzie zbiór klass cssa i skryptów JSa, które nie wymagają nawet serwera do działania. Tworzenie w Bootstrap jest w zasadzie bardzo proste, a strone można zrobić nie dotykając cssa pisząc sam html. Podobnie zrobiłem na swojej stronce gdzie-ogladac.pl

Efekt końcowy frontendu otrzymałem bez ingerencji w pliki js i css.

Co do pisania strony od nowa to zależy. Można strone przerabiać na responsywną, choć mi to jeszcze nigdy nie wyszło.