Мобильное обнаружение - метатег и max-device-width против php пользовательского агента?

Question

Какую форму мобильного обнаружения я должен использовать и почему?

<meta name="viewport" content="width=320,initial-scale=1,maximum-scale=1.0,user-scalable=no" />
<link media="only screen and (max-device-width: 480px) and (min-device-width: 320px)" href="css/mobile.css" type= "text/css" rel="stylesheet">
<link media="handheld, only screen and (max-device-width: 319px)" href="css/mobile_simple.css" type="text/css" rel="stylesheet" />

Или

include('mobile_device_detect.php');
$mobile = mobile_device_detect();

Answer 1

Вы действительно смотрите на несколько разных вещей здесь ...

html-теги сообщают браузеру, как обрабатывать определенные ситуации, когда PHP-скрипт обнаруживает мобильный браузер, когда скрипт работает на сервере.

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

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

Другими словами ... 1) пользователь запрашивает страницу 2) PHP (или любой другой) обнаруживает мобильный браузер или стандартный браузер 3) если мобильно, отправьте соответствующие CSS-файлы, заголовки и т. Д. В противном случае отправьте другой набор CSS-файлов и заголовков.