• 當(dāng)前位置：創(chuàng)新互聯(lián) >> 常見(jiàn)問(wèn)題 >> 網(wǎng)站建設(shè) >> 網(wǎng)站制作 >> 讓Android上的瀏覽器用設(shè)備實(shí)際像素打開(kāi)你的網(wǎng)頁(yè)

讓Android上的瀏覽器用設(shè)備實(shí)際像素打開(kāi)你的網(wǎng)頁(yè)

• 作者：創(chuàng)新互聯(lián) 文章來(lái)源：網(wǎng)站設(shè)計(jì)部 點(diǎn)擊數(shù)： 更新時(shí)間：2014-11-19

• 最近做了一個(gè)網(wǎng)站，發(fā)現(xiàn)在Android平板瀏覽器下訪問(wèn)，分辨率并不是設(shè)備自己的像素。我用的是華為榮耀平板，設(shè)備實(shí)際的分辨率是1280x800，但是我用js測(cè)算出來(lái)的document.body.clientWidth只有980px。

  說(shuō)明Android下瀏覽器默認(rèn)的并不是實(shí)際像素，而是中像素密度。（注：Android支持三種屏幕像素密度：低像素密度，中像素密度，高像素密度）

  為了防止Android Browser和WebView根據(jù)不同屏幕的像素密度對(duì)你的頁(yè)面進(jìn)行縮放，就要在網(wǎng)頁(yè)里加上一段代碼，控制網(wǎng)頁(yè)展示的分辨率。

  <meta content=＇width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, target-densitydpi=device-dpi＇ name=＇viewport＇>

  這里面，target-densitydpi的功能就是指定屏幕像素密度DPI。它的參數(shù)有：

  • device-dpi –使用設(shè)備原本的 dpi 作為目標(biāo)dpi。不會(huì)發(fā)生默認(rèn)縮放。
  • high-dpi – 使用hdpi作為目標(biāo)dpi。中等像素密度和低像素密度設(shè)備相應(yīng)縮小。
  • medium-dpi – 使用mdpi作為目標(biāo)dpi。 高像素密度設(shè)備相應(yīng)放大， 像素密度設(shè)備相應(yīng)縮小。這是默認(rèn)的target density。
  • low-dpi -使用mdpi作為目標(biāo)dpi。中等像素密度和高像素密度設(shè)備相應(yīng)放大。
  • <value> – 指定一個(gè)具體的dpi值作為target dpi。這個(gè)值的范圍必須在70–400之間。

• from=timeline、groupmessage、singlemessage的流量統(tǒng) :上一篇
  什么網(wǎng)站算好站? :下一篇