適應大解析度顯示屏操作

2021-08-23 12:25:08 字數 549 閱讀 3680

1、設定html的font-size屬性

html
2、修改其他css的屬性單位為rem

rem :相對長度單位。相對於根元素(即html元素)font-size計算值的倍數

當前 font-size 為 16px,所以

px->rem 計算公式為  1px = 1/16 rem 

例如:

.common li
3、都設定完了,可以寫**查詢

在**查詢前必須確認自己的html頁面有以下**

確認完畢後,做需要適配的型號的**查詢

@media  only screen and (min-width: 2560px)

}@media only screen and (min-width: 3840px)

}@media only screen and (min-width: 4096px)

}

顯示螢幕解析度與大小詳解

總覺得每次都被各式各樣的解析度名稱搞得一團糨糊嗎?讓小姜帶你五十分鐘搞懂所有的解析度吧!常見的螢幕比例其實只有三種 4 3 16 9和16 10,再加上乙個特殊的 但也很常見的 5 4。準備好了嗎?開始囉!4 3 家族 4 3 是最常見螢幕比例,從電視時代流傳下來的古老標準.在近代寬螢幕興起前,絕大...

Windows Phone 8 適應多屏解析度

windows phone 8 比較 windows phone 7 來說有很多功能及效能上的提公升例如支援多核 cup 支援sd卡 多種解析度 顯然wp7 wvga 480x800 的已經不能完全滿足所使用者的需求,很多使用者喜歡大螢幕高分辨的手機,隨著大屏手機的逐漸推出 wp8 也是支援大解析度...

電腦不同的解析度自適應顯示

用乙個簡單地例子來說一下,首先看一下源 生活中總用一些人會擾亂你的心緒,只要心裡有一方淨土就可以保持純潔。接下來是對樣式進行的修飾 box 最小寬度的適應 media screen and min width 1201px 當螢幕寬度最大為1200 media screen and max widt...