Javascript 用户代理，如何为不同的设备自动创建不同的css文件_Javascript_Php_Android_Css_Ipad

Javascript 用户代理，如何为不同的设备自动创建不同的css文件

javascript php android css ipad

Javascript 用户代理，如何为不同的设备自动创建不同的css文件,javascript,php,android,css,ipad,Javascript,Php,Android,Css,Ipad,我有很多问题，试图解决一些。我有一个网页，但我只想重定向链接到css文件过滤用户代理 `<script type="text/css" src="style.css"> </script>` ` ` 那么，“style.css”在哪里有“style-1.css”、“style-2.css”、“style-2.css”、“stlye-4.css” 我发现了这样的东西： <?php if ((strpos($_SERVER['HTTP_USER_AGENT'],"

我有很多问题，试图解决一些。我有一个网页，但我只想重定向链接到css文件过滤用户代理

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

`
`

那么，“style.css”在哪里有“style-1.css”、“style-2.css”、“style-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>

我想这会管用的，但是，我对这种分辨率不同的设备很生气，而且视网膜显示grrr

这个my css有一个菜单容器

宽度：1000px

，中间的

宽度：600px

，还有一个小的

宽度：300px
style-1.css将用于1000px（pc）上的大屏幕显示
style-2.css将用于android平板电脑在600px
到999px

style-3.css将用于android和其他手机，显示在300px
到599px

style-4.css将用于iPad（第1代&2:1024×768像素（132 PPI），9.7英寸）
第三代和第四代，以及空气：2048×1536像素（264 PPI），9.7英寸
style-5.css将用于iPhone 1,2,3320x480
；iPhone4640x960
，iPhone5640x1136
提供了一些使用CSS媒体查询在常用设备上设置样式的示例
编辑：一个小技巧，介绍如何使用（这为我节省了为多台设备设置样式的时间）


我很高兴！
（忘记了windows phone）
它可以放在：require（“some.html”）
还是一根刺