2012-04-14 3 views
5

Zbudowałem prostą małą witrynę mobilną z jQuery, ale potrzebuję też bardzo podobnej strony dla ruchu opartego na przeglądarce. W rzeczywistości na razie witryny są dokładnie takie same, z tym że muszę ograniczyć szerokość witryny w przeglądarce do 650px.Czy witryna mobilna jquery może być również witryną przeglądarki komputerowej?

Czy istnieje prosty sposób na zrobienie tego? Pozwoli mi to zaoszczędzić wiele godzin czasu rozwoju.

Ponadto z dużym oczekiwaniem byłoby bardzo pomocne pracować z jednej, wspólnej bazy kodu dla witryn mobilnych i przeglądarkowych, przy czym tylko różnice są utrzymywane osobno. Czy istnieje framework lub podejście, które może pomóc mi zachować mój kod DRY?

Uwaga: jestem świadomy this question, ale jest nieco inny, pytając, czy jquery mobile może być użyty na pulpicie zamiast z telefonu komórkowego. Chcę użyć tego samego kodu dla zarówno.

Odpowiedz

1

Jeśli chcesz ograniczyć szerokość strony, to tylko css. Możesz załadować pojedynczy plik css dla swojej przeglądarki internetowej za pomocą zapytań o media CSS.

Oto link, który może ci pomóc.

3

Zaletą JQM jest to, że umożliwia korzystanie z jednego źródła na komputerach i urządzeniach mobilnych, zwłaszcza jeśli zawartość jest mniej więcej taka sama.

Aby ograniczyć swoją stronę pulpitu do 650px, można użyć następujących dwóch siatek CSS:

1140px CSS GRID
960px CSS GRID

Aby uzyskać 650px wystarczy dodać kilka pustych bloków przed i po treści. Na mniejszych wyświetlaczach zawartość będzie stawać się pełnowartościowa przy użyciu zapytań o media (do obsługi IE, należy koniecznie dołączyć respond.js.

Nie próbowałem siatki 960, ale używam siatki 1140px dużo.Również współpracuje z opakowaniach JQM , co jest plusem.