Question

我有很多问题，试图解决一些问题。我有一个网页，但我想只重定向用户代理过滤到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。

我的css有一个菜单容器width:1000px，中间width:600px和小容器width:300px; 1000px

style-1.css将用于600px（pc）

之上的大型显示

style-2.css将适用于999px到300px

的Android平板电脑显示

style-3.css将用于Android，其他手机将显示在599px到2:1024×768 px

style-4.css将用于iPad（第1代和320x480（132 PPI），9.7英寸）第3＆amp;第四代，＆amp;空气：2048×1536 px（264 PPI），9.7 in

style-5.css将适用于iPhone 1,2,3 640x960; iPhone4 640x1136，iPhone5 {{1}}

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手机）它可以推荐：require（“some.html”）;

或刺痛

＆LT; script type =“text / javascript”src =“skin_mouse.js”＆gt;

用户代理，如何自动为不同的设备提供不同的css文件

2 个答案: