用户代理，如何为不同的设备自动生成不同的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”>