1

私は Web ページを持っています。それが iPad のモバイル サファリで実行されているかどうかを検出したいと考えています。その場合、別の css ファイルをロードする必要があります (Web シートで実行されている場合は、別の css をロードする必要があります)。私はcssを処理するために次の方法を使用していますが、両方に対して1つしか表示されません:

   <link rel="stylesheet" href="main.css?v=2">

   <link rel="stylesheet" media="handheld" href="css/handheld.css?v=2">
4

2 に答える 2

0

ビューポートのサイズが主な懸念事項である場合は、メディアクエリを使用してください。簡単な説明といくつかの例については、MDNを参照してください。

于 2012-05-10T05:32:20.797 に答える
0

ページを動的に生成するためにプログラミング言語を使用していますか? その場合は、ブラウザから送信されたユーザー エージェントを使用して、それに従って、含める css を決定できます。

例：

<script type="text/javascript">
    $("#btn_load_css").click(function(){
        var w = screen.width;
        var h = screen.height;
        $(document).append("<link rel='stylesheet' "
            +" href='css/defaults.css.php?w="+w+"&h="+h+"' />");
    });
</script>

これにより、css がファイルの最後に読み込まれます。

于 2012-05-10T05:31:07.877 に答える