[CSS][HTML]Dodanie responsywności Opcje

[Contritio]

Witam serdecznie

Obsługuję jedną stronę internetową, która została napisana w normalnych rozdzielczościach. Mam obecnie za zadanie przerobić ją na responsywną. Wiem, że aby to zrealizować musiałbym przerobić całą templatkem jednak chcę zostawić taką obecnie jaka jest. Dlatego pomyślałem, aby stworzyć responsywność to stworzę identyczną wersje na frameworku bootstrapa. Na serwerze będą umieszczone również pliki w raz ze starą templatką ale kwestią jest rozdzielić te pliki tak, aby dane urządzenie wychwytywało pod daną rozdzielczość stronę. Pytanie są moje zatem:

Jak powinienem zakodować index.html aby po wejściu poprzez smartfon/tablet/komputer otwierała się odpowiednia rozdziałka
Jak umieścić pliki na serwerze. Czy do obecnych plików mogę dodać np "smartfon" , "tablet" z których będzie wyłapywany index.html w raz z plikami obecnej templatki?

Dowiedziałem się, że należy do tego wykorzystać Media Queries w html.

Pilnie proszę o pomoc

Dziękuje

Ten post edytował Contritio 10.07.2014, 12:23:11

[Contritio]

Czyli wg tego musiałbym przerabiać cały szablon strony a to jest ogrom roboty.
Każdy bowiem element jakim jest div itd.?
Z tego co wywnioskowałem, to obecnych elementów na stronie jakie mam to nie dotykam, zaś tworzę nowy plik .css w którym dodaje nowe reguły z media Queries?
Typu jeżeli mam danego diva o podanej szerokości i wysokości to zmieniam mu zupełnie parametry?
A coś zaś z elementami jakie są w niego wpisane, czy wówczas ułożą się pionowo?

Ten post edytował Contritio 10.07.2014, 13:45:20