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

首先明確一下要解決的問(wèn)題：

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

解決方法

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

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

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

   其中，initial-scale為1/dpr。

最后，以上是基于移動(dòng)端Retina屏的經(jīng)驗(yàn)，能否適用于PC端我不清楚，也沒(méi)有相關(guān)設(shè)備進(jìn)行實(shí)踐。如果你使用這個(gè)方法能夠解決問(wèn)題希望能夠及時(shí)反饋。或者有別的方法也希望能給我評(píng)論，長(zhǎng)長(zhǎng)見識(shí)。

參考資料

【移動(dòng)適配】一個(gè)像素的border怎么實(shí)現(xiàn)

媒體查詢 @media