PHP CSS移动响应
我目前正在努力使一个页面响应多种移动平台的挑战,包括支持桌面浏览器、iPhone、iPad、BB10和BB7 正如你所知,这并不总是最简单的任务 我希望每个设备都使用不同的CSS文件,因为这样可以使不同屏幕尺寸的设备更容易使用 我发现了这个PHP脚本,它使我能够将用户引导到不同的html页面。。。虽然我觉得它的效率还不够高,但还是很棒 相反,我希望能够让这个脚本为用户提供基于设备的不同.css文件 我对PHP了解很少,希望能在这里得到一些帮助PHP CSS移动响应,php,html,css,mobile,Php,Html,Css,Mobile,我目前正在努力使一个页面响应多种移动平台的挑战,包括支持桌面浏览器、iPhone、iPad、BB10和BB7 正如你所知,这并不总是最简单的任务 我希望每个设备都使用不同的CSS文件,因为这样可以使不同屏幕尺寸的设备更容易使用 我发现了这个PHP脚本,它使我能够将用户引导到不同的html页面。。。虽然我觉得它的效率还不够高,但还是很棒 相反,我希望能够让这个脚本为用户提供基于设备的不同.css文件 我对PHP了解很少,希望能在这里得到一些帮助 您需要通过PHP解析CSS <link
您需要通过PHP解析CSS
<link rel="stylesheet" href="css.php">
然后在php中:
<?php
// MOBILE
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$blackberry = strpos($_SERVER['HTTP_USER_AGENT'],"BB10");
$blackberry2 = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad = strpos($_SERVER['HTTP_USER_AGENT'],"iPad");
// DESKTOP
$windows = strpos($_SERVER['HTTP_USER_AGENT'],"Windows");
$mac = strpos($_SERVER['HTTP_USER_AGENT'],"Mac");
// REDIRECTS
// MOBILE
if ($android == true)
{
include('android.css');
}
else if ($blackberry == true)
{
include('blackberry.css');
}
// others
您需要通过PHP解析CSS
<link rel="stylesheet" href="css.php">
然后在php中:
<?php
// MOBILE
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$blackberry = strpos($_SERVER['HTTP_USER_AGENT'],"BB10");
$blackberry2 = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad = strpos($_SERVER['HTTP_USER_AGENT'],"iPad");
// DESKTOP
$windows = strpos($_SERVER['HTTP_USER_AGENT'],"Windows");
$mac = strpos($_SERVER['HTTP_USER_AGENT'],"Mac");
// REDIRECTS
// MOBILE
if ($android == true)
{
include('android.css');
}
else if ($blackberry == true)
{
include('blackberry.css');
}
// others
您需要通过PHP解析CSS
<link rel="stylesheet" href="css.php">
然后在php中:
<?php
// MOBILE
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$blackberry = strpos($_SERVER['HTTP_USER_AGENT'],"BB10");
$blackberry2 = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad = strpos($_SERVER['HTTP_USER_AGENT'],"iPad");
// DESKTOP
$windows = strpos($_SERVER['HTTP_USER_AGENT'],"Windows");
$mac = strpos($_SERVER['HTTP_USER_AGENT'],"Mac");
// REDIRECTS
// MOBILE
if ($android == true)
{
include('android.css');
}
else if ($blackberry == true)
{
include('blackberry.css');
}
// others
您需要通过PHP解析CSS
<link rel="stylesheet" href="css.php">
然后在php中:
<?php
// MOBILE
$android = strpos($_SERVER['HTTP_USER_AGENT'],"Android");
$blackberry = strpos($_SERVER['HTTP_USER_AGENT'],"BB10");
$blackberry2 = strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry");
$iphone = strpos($_SERVER['HTTP_USER_AGENT'],"iPhone");
$iPad = strpos($_SERVER['HTTP_USER_AGENT'],"iPad");
// DESKTOP
$windows = strpos($_SERVER['HTTP_USER_AGENT'],"Windows");
$mac = strpos($_SERVER['HTTP_USER_AGENT'],"Mac");
// REDIRECTS
// MOBILE
if ($android == true)
{
include('android.css');
}
else if ($blackberry == true)
{
include('blackberry.css');
}
// others
我想知道您为什么要使用古老的方式,您可以使用响应式web概念按照分辨率构建响应式网站
使用twitter bootstrap.js
或
读这个
我想知道您为什么使用古老的方式,您可以使用响应式web概念按照分辨率构建响应式网站
使用twitter bootstrap.js
或
读这个
我想知道您为什么使用古老的方式,您可以使用响应式web概念按照分辨率构建响应式网站
使用twitter bootstrap.js
或
读这个
我想知道您为什么使用古老的方式,您可以使用响应式web概念按照分辨率构建响应式网站
使用twitter bootstrap.js
或
读这个
基于设备而不是屏幕大小的单独样式表对我来说是个可怕的想法。你必须使用媒体查询。根据各种最小宽度
和最大宽度
值定义样式规则。在这里阅读更多,一个基于设备而不是屏幕大小的单独样式表对我来说听起来是个可怕的想法。你必须使用媒体查询。根据各种最小宽度
和最大宽度
值定义样式规则。在这里阅读更多,一个基于设备而不是屏幕大小的单独样式表对我来说听起来是个可怕的想法。你必须使用媒体查询。根据各种最小宽度
和最大宽度
值定义样式规则。在这里阅读更多,一个基于设备而不是屏幕大小的单独样式表对我来说听起来是个可怕的想法。你必须使用媒体查询。根据各种最小宽度
和最大宽度
值定义样式规则。请在此阅读更多,谢谢!你知道我可以用Javascript而不是PHP来做这件事吗?你可以测试navigator.userAgent,然后附加带有样式表标签的链接。谢谢!你知道我可以用Javascript而不是PHP来做这件事吗?你可以测试navigator.userAgent,然后附加带有样式表标签的链接。谢谢!你知道我可以用Javascript而不是PHP来做这件事吗?你可以测试navigator.userAgent,然后附加带有样式表标签的链接。谢谢!你知道我可以用Javascript而不是PHP来做这件事吗?你可以测试navigator.userAgent,然后附加带有样式表标签的链接。我知道这绝对不是最好的方法。没有太多细节,我们在当前项目中没有选择这样做。谢谢,我明白这绝对不是最好的做事方式。没有太多细节,我们在当前项目中没有选择这样做。谢谢,我明白这绝对不是最好的做事方式。没有太多细节,我们在当前项目中没有选择这样做。谢谢,我明白这绝对不是最好的做事方式。没有太多细节,我们在当前项目中没有选择这样做。谢谢