html - 如果检测到移动设备，则 Html 加载 css

Question

<link media="only screen and (min-device-width : 320px) and (max-device-width : 480px)" href="smartphone.css" type= "text/css" rel="stylesheet" />
<link media="only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5)" href="iphone.css" type= "text/css" rel="stylesheet" />

我做对了吗？或者有更好的方法来做到这一点？

Answer 1

就像 Cole 提到的，您可以检查 userAgent。这是一些可用于检测 userAgent 是否为 iphone 的 javascript。（来源）

<script language=javascript>
<!--
if ((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
//Change the css
}
-->
 </script>

Answer 2

您可以查看 te 用户代理并使用 php.ini 加载适当的用户代理。但是，使用它会将您限制为 320-480。我认为黑莓就像 240x320（至少是 9xxx 系列）