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