Есть ли способ настроить таргетинг на браузер Windows Mobile 7.5 с помощью условных комментариев? - PullRequest
Новая
       2

Есть ли способ настроить таргетинг на браузер Windows Mobile 7.5 с помощью условных комментариев?

6 голосов
/ 14 декабря 2011

Я пытаюсь настроить таргетинг на браузер IE в Windows Mobile 7.5.Может кто-нибудь сказать мне, если стиль синтаксиса условных комментариев 

<!--[if lt IE <mobile browser>]> <include retina display> <[end if]-->

работает для таргетинга на Windows Mobile?

РЕДАКТИРОВАТЬ: Благодаря комментарию ниже я смог найти решение.The <!--[if IEMobile]> <[end if]--> Синтаксис работает для Windows Mobile 7, но я не смог заставить его работать для Windows Mobile 7.5.Поскольку я создаю мобильный веб-сайт, который не обязан хорошо отображаться на настольных устройствах, я смог использовать общий комментарий <!--[if gt IE 7]>, который решает проблему, возникшую между двумя визуализациями.

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

Ответы [ 3 ]

2 голосов
/ 04 июля 2013

На всякий случай, если кто-то испытывает эту проблемуНекоторые моменты, о которых стоит знать:

IE Mobile 7.5 сообщает о ложноположительном результате для font-face.Таким образом, вам не повезло, что вы отказались от этой функции с Modernizr.

Чтобы запутать вопросы, он также игнорирует условные комментарии для IE Mobile, как предложено выше.Это на самом деле получает условные комментарии для IE9.Единственный способ исправить это - добавить условный комментарий, подобный этому: 

<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9 ieMobile75" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

, а затем добавить префикс соответствующих стилей к классу .ieMobile75.Если вы хотите избежать появления этих стилей в IE для настольных компьютеров, я бы рекомендовал объединить их в медиазапросе.

1 голос
/ 14 декабря 2011

может быть эта работа для вас 

<!--[if IEMobile]>
...
<![endif]-->
0 голосов
/ 15 декабря 2011 
<pre>
<code>
is this help for you by checking device width?
<!-- [if (min-device-width: 481px)]>

<![endif]—>
...