前端必知 針對高解析度螢幕的樣式優化

蘋果定義高分屏（retina）已經好久了，只是最近才有越來越多的**開始重視高分屏下的表現，qq空間也早支援高分屏了，css gaga也加入了對@2x的支援。嗯，遲到的文章，和大家簡單的分享下。

一般來說，內容類的資源並不需要對高分屏做什麼優化，需要優化的是固定的類資源。而且通常現在有三種做法：

這是最簡單的方法：

1

23

@media only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 192dpi)

相容所有瀏覽器的話(當然不考慮ie9以下瀏覽器了)，還需要加上各瀏覽器的字首：

1

23

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),

only screen and ( min--moz-device-pixel-ratio: 1.5), only screen

and ( -o-min-device-pixel-ratio: 3/2), only screen and ( min-device-pixel-ratio: 1.5),

only screen and (min-resolution: 192dpi)

我們可以通過

window.devicepixelratio

123

4

var dpr = window.devicepixelratio;if

(dpr >=
1.5)

不過既然**查詢可以做到的事情，就不要用js去reflow頁面了。

調整螢幕的解析度

調整螢幕的解析度，在開始的時候進行調整並記錄原始的解析度，在程式退出的時候再調整到原始的狀態 結束時調整 if m bchangedisplay 啟動時調整 調整分辯率 m isyswidth getsystemmetrics sm cxscreen m isysheight getsystemme...

Qt如何支援高解析度螢幕（高分屏）

if qt version qt version check 5,6,0 保證只在qt5.6.0及以上版本可用。但是qt5.6.0對高分屏的支援存在bug，在su ce pro 4上親測 1.在無邊框程程式setwindowflags qt framelesswindowhint 下呼叫this s...

Qt程式支援HDPI（高解析度螢幕）方法

一 qt推薦的高分屏處理方法 1.開啟方法 2.優缺點 僅能支援整數倍縮放，縮放規則如下表 螢幕縮放比 程式縮放比 100 1x125 1x150 2x175 2x200 2x225 2x250 3x現如今4k屏愈發普及，採用這套縮放邏輯，特別是在hdpi螢幕125 縮放的情況下，原始的1x大小對於...