text-size-adjust: 100% 到底是什麼作用？
iPhone 和 Android 的瀏覽器縱向 (Portrate mode) 和橫向 (Landscape mode) 模式皆有自動調整字體大小的功能。控制它的就是 CSS 中的 -webkit-text-size-adjust。
text-size-adjust 設爲 none 或者 100% 關閉字體大小自動調整功能.
之所以不使用 none 而是 100% 的原因。可惜原文頁面打不開了，有人知道的請告訴我一下，多謝！
-----------------------------------------------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------------------------------
媒體查詢能檢測那些特性
創建媒體查詢時,最常用的是設備的視口寬度( width )和屏幕寬度( device-width )。
依我的經驗,很少需要檢測其他特性。但是,爲方便查閱,下面列出了所有可供媒體查
詢檢測的特性,希望其中有能讓你心動的特性。
-width :視口寬度。
-height :視口高度。
-device-width :渲染表面的寬度(對我們來說,就是設備屏幕的寬度)。
-device-height :渲染表面的高度(對我們來說,就是設備屏幕的高度)。
-orientation :檢查設備處於橫向還是縱向。
-aspect-ratio :基於視口寬度和高度的寬高比。一個 16∶9 比例的顯示屏可以這樣
定義 aspect-ratio: 16/9 。
-device-aspect-ratio :和 aspect-ratio 類似,基於設備渲染平面寬度和高度的
寬高比。
-color :每種顏色的位數。例如 min-color: 16 會檢測設備是否擁有 16 位顏色。
-color-index :設備的顏色索引表中的顏色數。值必須是非負整數。
-monochrome :檢測單色幀緩衝區中每像素所使用的位數。值必須是非負整數,如
-monochrome: 2 。
-resolution :用來檢測屏幕或打印機的分辨率,如 min-resolution: 300dpi 。還
可以接受每釐米像素點數的度量值,如 min-resolution: 118dpcm 。
-scan :電視機的掃描方式,值可設爲 progressive (逐行掃描)或 interlace (隔
行掃描)。如 720p HD 電視(720p 的 p 即表明是逐行掃描)匹配 scan: progressive ,
而 1080i HD 電視(1080i 中的 i 表明是隔行掃描)匹配 scan: interlace 。
-grid :用來檢測輸出設備是網格設備還是位圖設備。
圖靈社區會員 lemoggy([email protected]) 專享 尊重版權2.3 我們的第一個響應式設計
在上述所有特性中,除 scan 和 grid 之外,都可使用 min 和 max 前綴來創建一個查詢範圍。
例如,分析如下所示的代碼片段:
@import url("phone.css") screen and (min-width:200px) and (max-width:360px);
這裏對 width 應用了 min 和 max 來設定查詢範圍。這樣 phone.css 文件只會引入視口
寬度介於 200 像素至 360 像素的顯示屏設備。