前端是否有方法判斷筆記本高分屏?

Google了一下，高分屏跟Retina屏是一個概念。
我按照移動端Retina屏適配的經(jīng)驗，應該可以通過修改viewport的縮放來解決這個問題。

首先明確一下要解決的問題：

1. 如何區(qū)分高分屏還是普通屏；
2. 如何對高分屏進行縮放。

解決方法

1. 獲取window.devicePixelRatio，也就是俗稱的dpr。值為1的是普通屏，大于1的是高分屏。

2. 設(shè)置meta標簽：

   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

   其中，initial-scale為1/dpr。

最后，以上是基于移動端Retina屏的經(jīng)驗，能否適用于PC端我不清楚，也沒有相關(guān)設(shè)備進行實踐。如果你使用這個方法能夠解決問題希望能夠及時反饋?；蛘哂袆e的方法也希望能給我評論，長長見識。

參考資料

【移動適配】一個像素的border怎么實現(xiàn)

媒體查詢 @media