Может ли мобильный сайт jQuery быть веб-сайтом браузера?

Question

Я создал простой мобильный сайт jQuery, но мне также нужен очень похожий сайт для трафика на основе браузера. Фактически, на данный момент сайты абсолютно одинаковы, за исключением того, что мне нужно ограничить ширину сайта в браузере до 650 пикселей или около того.

Есть ли простой способ сделать это? Это сэкономит мне много времени на разработку.

Кроме того, с нетерпением ожидая, было бы очень полезно работать с единой общей базой кода для мобильных и на основе браузеров сайтов, причем только различия поддерживались отдельно. Есть ли рамки или подход, которые могут помочь мне сохранить мой код DRY?

Примечание: Я знаю this question, но это немного другое, спрашивая, может ли jquery mobile использоваться для рабочего стола вместо мобильного. Я хочу использовать тот же код для как.

Answer 1

Если вы хотите ограничить ширину страницы, это просто css. Вы можете загрузить один файл css для своего сайта, используя CSS-запросы для СМИ.

Вот link, который может вам помочь.

Answer 2

Приятная вещь о JQM заключается в том, что вы можете использовать один источник на рабочем столе и на мобильных устройствах, особенно если контент более или менее одинаковый.

Чтобы ограничить рабочий стол сайт 650px, вы можете использовать следующие два CSS-сетки:

1140px CSS GRID
960px CSS GRID

Чтобы получить 650px просто добавить несколько пустых блоков до и после вашего содержания. На небольших дисплеях ваш контент станет полноразмерным, используя медиа-запросы (для поддержки IE, обязательно включите respond.js.

Я не пробовал сетку 960, но часто использую сетку 1140px. Также работает с коллапсами JQM , что является плюсом.