Старый вопрос, поэтому отвечаю на случайность, что кто-то другой может наткнуться на него.Я бы порекомендовал использовать мультимедийные запросы CSS и изучить адаптивный веб-дизайн, в котором дизайн страницы адаптирован к устройству в зависимости от размера экрана.Свойства CSS для загрузки различных правил CSS:
min-width:
max-width:
min-device-width:
max-device-width:
Например, вы можете настроить таргетинг на смартфоны следующим образом:
/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
Пример выше взят из http://www.databasepublish.com/blog/rendering-content-adaptively-responsive-web-design-and-css3-media-queriesимеет несколько хороших правил.