用戶代理，如何爲不同的設備自動生成不同的css文件

Question

我有很多問題，試圖解決一些問題。我有一個網頁，但我只想將鏈接重定向到用戶代理篩選的css文件。

`<script type="text/css" src="style.css"> 
</script>` 

所以這裏哪裏是 「style.css文件」 一VANT有 「風格1.CSS」， 「風格2.css」， 「風格2.css」，「stlye，4.css 」 ....

，我發現這樣的事情：

<?php if ((strpos($_SERVER['HTTP_USER_AGENT'],"iPhone")) || 
(strpos($_SERVER['HTTP_USER_AGENT'],"iPod")) || 
(strpos($_SERVER['HTTP_USER_AGENT'],"iPad")) || 
(strpos($_SERVER['HTTP_USER_AGENT'],"Android")) || 
(strpos($_SERVER['HTTP_USER_AGENT'],"BlackBerry")) || 
(strpos($_SERVER['HTTP_USER_AGENT'],"webOS"))) { ?> 
<script type="text/javascript" src="skin_touch.js"> 
<?php } else { ?> 
<script type="text/javascript" src="skin_mouse.js"> 
<?php } ?> 
</script> 

我認爲這會工作，但是，我很生氣，這個設備有不同的分辨率和視網膜顯示哎呀。

這是我的CSS有一個菜單容器width:1000px，中間width:600px，小一個 width:300px;

風格1.CSS將成爲大屏幕顯示超過1000px（PC）

風格-2。 CSS將是Android平板電腦顯示了600px到999px

風格3.css將成爲Android和其他手機顯示了300px到599px

樣式4.css將是爲iPad（第一代& 2:1024×768 px（132 PPI），9.7英寸） 第三&第四代，&空氣：2048×1536像素（264 PPI），9.7在

style-5.css將用於iPhone 1,2,3 320x480; iPhone4的640x960，iPhone5的640x1136

Answer 1

This page有使用CSS媒體常見的設備造型一些例子查詢

編輯：小提示如何emulate devices for testing in Chrome（這節省了我的時間色調的造型爲多個設備）

Answer 2

<?php 
    $check = 0; 
    if (strpos($_SERVER['HTTP_USER_AGENT'],"Android") && strpos($_SERVER['HTTP_USER_AGENT'],"Mobile")) 
    { 
     $check = 1; 
     require ("./index-mobile.html"); 
    } 
    if (strpos ($_SERVER['HTTP_USER_AGENT'],"iPhone") || strpos($_SERVER['HTTP_USER_AGENT'],"iPod")) 
     { 
     $check = 1; 
     require ("./index-mobile.html"); 
     } 
    if (strpos ($_SERVER['HTTP_USER_AGENT'],"iPad")) 
     { 
     $check = 1; 
     require ("./index-ipad.html"); 
    } 
    if (strpos ($_SERVER['HTTP_USER_AGENT'],"Android")) 
    { 
     if (strpos($_SERVER['HTTP_USER_AGENT'],"Mobile")) 
     { 
     } 
     else 
     { 
     $check = 1; 
     require ("./index-tablet.html"); 
     } 
    } 
    if ($check == 0) 
    { 
     require ("./index-pc.html"); 
    } ?> 

我很高興與此！ （忘記了windows手機） 它可以被putting：require（「some.html」）;

或刺痛

<腳本類型= 「文/ JavaScript的」 SRC = 「skin_mouse.js」>