0

<head>ページ内にこれらのメディア クエリを追加しています。

<style type="text/css">

    @media only screen 
    and (min-device-width : 320px) 
    and (max-device-width : 480px) {
        @import url('assets/css/style-smartphones.css');
    }

    /* iPads (portrait and landscape) ----------- */
    @media only screen 
    and (min-device-width : 768px) 
    and (max-device-width : 1024px) {
        @import url('assets/css/style-tablet.css');
    }

    /* Desktops and laptops ----------- */
    @media only screen 
    and (min-width : 1224px) {
        @import url('assets/css/style-desktop.css')
    }

</style>

ただし、スタイルシート ファイルは読み込まれません。パスを再確認しましたが、正しいです...何が欠けていますか?

4

1 に答える 1

0

このように自分で修正しました：

    @import url('assets/css/style-smartphones.css') only screen 
            and (min-device-width : 320px) and (max-device-width : 480px);
    @import url('assets/css/style-tablet.css') only screen 
            and (min-device-width : 768px) and (max-device-width : 1024px);
    @import url('assets/css/style-desktop.css') only screen 
            and (min-width : 1224px);
于 2013-10-27T11:41:41.470 に答える