Как настроить область просмотра только для определенных устройств? - PullRequest
2 голосов
/ 07 марта 2012

Мне нужно установить <meta name="viewport" content="width=650" /> для всех устройств размером менее 480px (iPhone и т. Д.). Самое простое решение, которое мне пришло в голову, было бы <meta name="viewport" content="width=650" media="only screen and (max-device-width: 480px)" />, но, к сожалению, медиа-атрибут недопустим в мета-тегах.

Проблема в том, что я не хочу никакого объявления порта просмотра на iPad или хотя бы с другой "шириной".

Есть ли какие-нибудь простые решения, прежде чем я собираюсь реализовать WURFL и исключить объявление области просмотра с помощью PHP?

Ответы [ 2 ]

4 голосов
/ 08 марта 2012

Итак, я придумал это решение (с помощью Modernizr):

<meta name="viewport" id="viewport" />
<script src="modernizr.js"></script>
<script>
if(Modernizr.mq("only screen and (max-device-width: 480px)")) 
   document.getElementById("viewport").setAttribute("content","width=650");
</script>
0 голосов
/ 07 марта 2012

Вот хорошее чистое решение Native * 1002. *

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...