• 0712-2888027 189-8648-0214
    微信公眾號

    孝感風信網絡科技有限公司微信公眾號

    當前位置:主頁 > 技術支持 > DedeCMS > DedeCMS織夢移動化友好度優化七盞明燈

    DedeCMS織夢移動化友好度優化七盞明燈

    時間:2024-03-27來源:風信官網 點擊: 408次
    device-pixel-ratio:定義輸入設備屏幕的可視寬度與可見高度比率。

    device-width:輸入設備屏幕的可視寬度。

    orientation :屏幕橫豎屏定向。landscape 是橫向,portrait 是縱向【ipad 相反】

        /* iPhone 4 ———– */
        @media
        only screen and (-webkit-min-device-pixel-ratio : 1.5),
        only screen and (min-device-pixel-ratio : 1.5) {
        /* Styles */
        }
        /* iPads (portrait) ———– */
        @media only screen
        and (min-device-width : 768px)
        and (max-device-width : 1024px)
        and (orientation : portrait) {
        /* Styles */
        }

        /* Smartphones (portrait and landscape) ———– */
        @media only screen
        and (min-device-width : 320px)
        and (max-device-width : 480px) {
        /* Styles */
        }
        /* Smartphones (landscape) ———– */
        @media only screen
        and (min-width : 321px) {
        /* Styles */
        }
        /* Smartphones (portrait) ———– */
        @media only screen
        and (max-width : 320px) {
        /* Styles */
        }
        /* iPads (portrait and landscape) ———– */
        @media only screen
        and (min-device-width : 768px)
        and (max-device-width : 1024px) {
        /* Styles */
        }
        /* iPads (landscape) ———– */
        @media only screen
        and (min-device-width : 768px)
        and (max-device-width : 1024px)
        and (orientation : landscape) {
        /* Styles */
        }
        /* iPads (portrait) ———– */
        @media only screen
        and (min-device-width : 768px)
        and (max-device-width : 1024px)
        and (orientation : portrait) {
        /* Styles */
        }
        /* Desktops and laptops ———– */
        @media only screen
        and (min-width : 1224px) {
        /* Styles */
        }
        /* Large screens ———– */
        @media only screen
        and (min-width : 1824px) {
        /* Styles */
        }
        /* iPhone 4 ———– */
        @media
        only screen and (-webkit-min-device-pixel-ratio : 1.5),
        only screen and (min-device-pixel-ratio : 1.5) {
        /* Styles */
        }
    欄目列表
    推薦內容
    熱點內容
    展開
    动漫h精品无码一区二区三区,欧美日韩精品一区二区,午夜麻豆国产精品,加勒比中文字幕无码,亚洲日本va中文字幕区