PHP CSS移動響應

Question

我目前正在努力使頁面響應多種移動平台，其中包括對桌面瀏覽器，iPhone，iPad，BB10和BB7的支持。

如您所知，這並不總是最簡單的任務。

我想說的是，我希望每個設備使用不同的CSS文件，因為這樣可以使使用不同屏幕尺寸的生活更加輕松。

我找到了這個PHP腳本，它使我可以將用戶定向到不同的html頁面...很好，盡管我覺得它的效率不夠。

相反，我希望能夠使該腳本根據設備為用戶提供不同的.css文件。

我對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) 
    { 
    header('Location: mobile.html');
    } 
    else if ($blackberry == true) 
    { 
    header('Location: mobile.html');
    }
    else if ($blackberry2 == true)
    {
    header('Location: mobile.html');
    }
    else if ($iphone == true) 
    { 
    header('Location: mobile.html');
    }
    else if ($ipad == true) 
    { 
    header('Location: mobile.html');
    }
    // DESKTOP
    else if ($windows == true) 
    { 
    header('Location: desktop.html');
    }
    else if ($mac == true) 
    { 
    header('Location: desktop.html');
    }
    ?>

---

Answer 1

我想知道您為什么使用古老的方法，您可以使用響應式網絡概念根據分辨率來構建響應式網站。

使用twitter bootstrap.js或閱讀此http://getbootstrap.com/

Answer 2

您需要通過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

但是正如評論中的人所寫-這不是負責任的CSS的“現代”方法。