Это дешево, но вы можете проверить окно. Прикоснитесь, и это даст вам знать, что вы имеете дело с сенсорным экраном.Несмотря на то, что у вас может быть сенсорный экран, который является настольным компьютером, интерфейс такой же, как у мобильного телефона.
Я использую специальные медиазапросы, чтобы определить размер экрана, а нетип устройства
http://www.w3.org/TR/css3-mediaqueries/
https://developer.mozilla.org/en/CSS/Media_queries
@import url('./collect-p.css') only screen and (max-device-width: 1024px) and (orientation:portrait);
@import url('./collect-l.css') only screen and (max-device-width: 1024px) and (orientation:landscape);
@import url('./collect-l.css') only screen and (min-device-width: 1025px);
Первый запрос загрузит таблицу стилей для Ipad в портретной
Во втором запросе будет загружена таблица стилей для Ipad в альбомной ориентации.
В последнем запросе будет загружена таблица стилей для всего остального, включая обычный браузер (в моем случае макет, который я сделал для планшета, также предназначен дляхорошо работают с браузерами, но вы всегда можете иметь лист только для рабочего стола)
Я должен сказать, что Медиа-запросы сбивают с толку, и это усугубляется многими глупыми дизайнерскими блогами, но они безсомневайся в том, что ты сможешь пойти дальше, и в конечном итоге ты сэкономишь кучу работы.