мобильная совместимость сайта - PullRequest
3 голосов
/ 14 сентября 2010

Как сделать сайт, совместимый как с настольным браузером, так и с мобильным браузером?

Ответы [ 2 ]

4 голосов
/ 27 сентября 2010

Есть хитрость с альтернативными CSS-файлами для ПК и мобильных устройств.Реализовано в заголовке HTML следующим образом:

<head>
<meta name="viewport" content="width=320" />
<link rel="stylesheet" href="mobile.css" type="text/css" media="only screen and (max-device-width: 480px)"/>
<link rel="stylesheet" href="desktop.css" type="text/css" media="screen and (min-device-width: 481px)"/>
<link rel="stylesheet" href="mobile.css" type="text/css" media="handheld"/>
<!--[if IE]>
<link rel="stylesheet" href="desktop.css" media="screen" type="text/css" />
<![endif]-->
</head>

Тогда, если вам нужен альтернативный контент для мобильных устройств и компьютеров, не стесняйтесь делать части HTML видимыми на рабочем столе и скрытыми на мобильных устройствах, или наоборот.

Пробовал на iPhone и Android.Обратите внимание, что простое указание "media =" handheld "" в теге ref или в файле CSS делает , а не ;iPhone не считает себя карманным компьютером.

3 голосов
/ 14 сентября 2010

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

В основном из-за широкого спектра мобильных устройств (большинство из которых имеют различные возможности браузера, разрешение экрана), размеры и т. д.) вы никогда не получите веб-сайт, полностью совместимый со всеми мобильными устройствами.С некоторыми устройствами всегда будут проблемы.

Возможное решение этой проблемы, однако, заключается в создании разных версий сайта для разных типов телефонов (например, версия для iphones, версия для nokias, версиядля ежевики и т. д.) и использовать что-то вроде PHP & WURFL для определения типа мобильного браузера и загрузки соответствующей версии сайта.

Я использовал PHP & WURFL в прошлом, чтобы определить, используется ли настольный или мобильный браузер, и загрузить соответствующий мобильный или настольный сайт.

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