Я пытаюсь использовать медиа-запрос CSS, специально предназначенный для iPhone.
Это работает, когда я использую обычную ссылку rel:
<link rel="stylesheet" type="text/css" href="css/mobile.css" />
Однако, когда я пробую этот медиа-запрос, он не работает:
<link rel="stylesheet" type="text/css" href="css/mobile.css"
media="only screen and (max-width: 640px)" />
Как я могу использовать медиа-запрос CSS для таргетинга на iPhone?
Пытаться:
<link rel="stylesheet" type="text/css" href="css/mobile.css" media="only screen and (max-device-width: 480px)" />
Разница max-device-width вместо max-width. Также см. 2) на http://blogs.sitepoint.com/iphone-development-12-tips/.
Я знаю, что это не совсем то, о чем вы спрашивали, но я только что ответил на что-то подобное и может помочь:
<meta name='viewport' content='width=device-width; initial-scale=1.0;' />
Для CONTENT существует множество параметров, вот некоторые из них:
maximum-scale=3.0; //Maximum zoom allowed 0 to 10.0. default is 1.6
minimum-scale=0.5; //Minimum zoom allowed 0 to 10.0. default is 0.25
user-scalable=1; //YES/NO
width=device-width; //default if not set is 980px
initial-scale=1.0; //Initial zoom. 0 to 10.0. 1.0 would be 100%
height=device-height;
Содержимое в UIWebView на iOS 3.1.3 отображается увеличенным, но на iOS 4.3 отображается нормально
Изменить: вы можете использовать эти параметры и в Safari, забудьте о uiwebview, который предназначен только для нативных приложений.
