溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

media jquery 響應(yīng)頁面尺寸

發(fā)布時間：2020-04-05 13:27:27 來源：網(wǎng)絡(luò) 閱讀：244 作者：Ansue 欄目：web開發(fā)

device-pixel-ratio：定義輸入設(shè)備屏幕的可視寬度與可見高度比率。device-width：輸入設(shè)備屏幕的可視寬度。

device-width：輸入設(shè)備屏幕的可視寬度。

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 screenand (min-width : 1224px) {/* Styles */}


/* Large screens ———– */

@media only screen and (min-width : 1824px) {/* Styles */}

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手