Я создаю небольшой сайт для компании и хотел бы создать версию, оптимизированную для смартфонов с полным интернет-браузером (iPhone/Android и т. Д.).Каков наилучший способ создания простой мобильной версии веб-сайта?
Я склоняюсь к медиа-запросам, потому что это поддерживается webkit, который используется большинством из них.
Это лучшее? Если да, то какой медиа-запрос будет лучшим?
Я склоняюсь к:
@media (max-device-width: 480px)
Если ваш сайт может настроить все, что вам нужно с помощью CSS, вы должны быть хорошо.
Имейте в виду вещи, которые отличаются в мобильной сети:
При этом, как только вы входите в него, вы обнаружите, что вам действительно нужно/нужно предоставить другой «вид» для мобильных пользователей ... например. перенаправляя их с example.com на m.example.com и резко изменяя содержание на странице. Если вы используете фреймворк MVC, вы должны иметь возможность создавать набор упрощенных представлений для ваших страниц, оптимизированных для мобильных устройств.
Пример сайтов (Desktop vs. Mobile vs. Touch-оптимизированная)
Для iPhone и Android я бы не стал беспокоиться, поскольку у них обоих есть полнофункциональные веб-браузеры. (Если сайт не является флэш, iPhone только.)
Вы должны быть в состоянии предназначаться любое устройство, которое вы хотите с помощью пользовательского файла CSS, для вещей, как Blackberry и т.д.
для сенсорных телефонов, создать версию jQTouch , Для клавиатурных телефонов просто создайте таблицу стилей, оптимизированную для небольших экранов.