Jqtouch и плагин для настольного браузера? - PullRequest
0 голосов
/ 14 октября 2011

Проблема: Jqtouch предназначен только для «маленьких экранов» и оптимизирован для iPhone.

Вопрос: Я ищу плагин jqtouch, который делает его «дружественным к рабочему столу», изменяя все, что нужно.

Возможное решение: я понимаю, что мог бы сделать перенаправление на веб-сайт при обнаружении рабочего стола, но я уверен, что есть плагин jquery, разработанный для того, чтобы сделать его удобным для браузера, я просто не могу его найти?

1 Ответ

0 голосов
/ 26 января 2012

Это дешево, но вы можете проверить окно. Прикоснитесь, и это даст вам знать, что вы имеете дело с сенсорным экраном.Несмотря на то, что у вас может быть сенсорный экран, который является настольным компьютером, интерфейс такой же, как у мобильного телефона.

Я использую специальные медиазапросы, чтобы определить размер экрана, а нетип устройства
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 в альбомной ориентации.
В последнем запросе будет загружена таблица стилей для всего остального, включая обычный браузер (в моем случае макет, который я сделал для планшета, также предназначен дляхорошо работают с браузерами, но вы всегда можете иметь лист только для рабочего стола)

Я должен сказать, что Медиа-запросы сбивают с толку, и это усугубляется многими глупыми дизайнерскими блогами, но они безсомневайся в том, что ты сможешь пойти дальше, и в конечном итоге ты сэкономишь кучу работы.

...