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

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

JavaScript

開心每一天1111 2019-03-20 18:19:46

比如14寸1920*1080的筆記本屏幕,網(wǎng)頁字體在這個屏上顯示會很小。js是否有方法判斷，并相應(yīng)調(diào)整字體？瀏覽器的放大功能不算。

查看完整描述

2 回答

ABOUTYOU

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個贊

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

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

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

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

其中，initial-scale為1/dpr。

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

反對回復(fù) 2019-04-02

有只小跳蛙

TA貢獻(xiàn)1824條經(jīng)驗(yàn) 獲得超8個贊

媒體查詢 @media

反對回復(fù) 2019-04-02

關(guān)注

舉報(bào)

0/150

提交

取消

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號