Мне нужно разработать мобильный оптимизированный веб-сайт для Android, Iphone и Blackberry, а также сайт для рабочего стола и планшета. Мы знаем, что разрешение экрана всех устройств различно. Моя голова предписывает мне разработать один сайт и для всех устройств и динамически изменять css в соответствии с устройствами. , Кто-нибудь знает, как создать такой сайт? Доступны ли какие-либо рамки или cms?Мобильный оптимизированный сайт
Я предлагаю вам взглянуть на «отзывчивые сайты». Это тот метод, который вы хотите.
Вы можете использовать медиа-запросы для изменения css в зависимости от размера экрана, разрешения и т. Д. (См. here for an example).
Что касается фреймворков .. возможно, вы могли бы попробовать http://www.getskeleton.com/ или jQuery mobile.
Я бы порекомендовал вам, чтобы вы не использовали чистый CSS для создания веб-сайта для мобильных и не мобильных. Вы должны попытаться минимизировать DOM для мобильных устройств, чтобы сократить время загрузки. Это не столько проблема для полных веб-сайтов, которые могут извлечь выгоду из гораздо более богатого DOM.
Вот приятное дополнение для медиа-запросов: http://code.google.com/p/css3-mediaqueries-js/. Этот скрипт реализует медиа-запросы в нескольких браузерах, которые его не поддерживают. Я еще не использовал его, но я планирую свой следующий отзывчивый проект. –
Попробуйте использовать адаптацию. Это позволит вам указать разные таблицы стилей для разных диапазонов ширины устройства.
Я бы не советовал запросов СМИ, поскольку они не поддерживаются всеми браузерами на разных устройствах. Посмотрите сюда для дальнейшего чтения ->http://www.miqrogroove.com/blog/2012/dont-use-min-width-media-queries/
Посмотрите на jQuery Mobile –