如果检测到移动设备，则 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。这是一些 javascript，您可以使用它来检测 userAgent 是否是 iPhone。 (Source)

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