我为自己的网站设计了手机主题。但我不知道如何将移动访问者“重定向”到该主题?
我的方案有哪些可用选项?
答案 0 :(得分:2)
您在指定CSS文件时可以使用media="handheld"
属性,这样它只会为手持设备(如手机)加载。但是现在这已经变得多余了,因为Android浏览器和iPhone的浏览器并没有将它们识别为handheld
设备,以防止以最小的格式提供网页。
查看 this 主题。
要为手机加载自定义phone.css
,您可以依赖用户的屏幕宽度并使用media
查询。
例如,将其添加到您的<head>
部分:
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 480px)" href="phone.css" />
现在,当设备的屏幕宽度小于phone.css
时,480px
会加载。
有关详细说明,请查看 this 来源。
希望这有帮助。 :)
答案 1 :(得分:2)
您可以使用此PHP class
检测并重定向移动用户答案 2 :(得分:0)
您必须检查HTTP请求的user agent string。
基于此,您可以重定向到相应的站点,或加载正确的CSS /资源文件等。
如果您希望查看浏览器的用户代理字符串,可以转到 this 网站。例如,我现在在Windows 8 PC中使用Chrome,我的字符串是:
Mozilla / 5.0(Windows NT 6.2; WOW64)AppleWebKit / 537.36(KHTML,与Gecko一样)Chrome / 27.0.1453.116 Safari / 537.36
我家里有很多Android设备。使用Chrome浏览时,它们都具有基本相同的用户代理字符串。我链接的网站也列出了最常见的网站(检查页脚中的链接)。