首頁(yè) 猿問手機(jī)web頁(yè)面開發(fā)圖片怎樣在不同手...

手機(jī)web頁(yè)面開發(fā)圖片怎樣在不同手機(jī)上保持相同大小

Bootstrap Html/CSS Html5

倚劍洞天 2017-02-08 10:03:35

例如一張測(cè)視力的E圖，需要在不同手機(jī)屏幕上保持相同大小才能保證測(cè)試準(zhǔn)確度

查看完整描述

4 回答

已采納

C小希

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

使用rem單位，定死長(zhǎng)寬度，頁(yè)面加載時(shí)，獲取設(shè)備尺寸，動(dòng)態(tài)設(shè)置html根目錄fontSize，這樣圖片就會(huì)根據(jù)設(shè)備的大小按比例縮放了

1 反對(duì) 回復(fù) 2017-02-08

倚劍洞天
厲害這個(gè)點(diǎn)可以我是應(yīng)該以手機(jī)分辨率比例為準(zhǔn)還是手機(jī)屏幕比例為準(zhǔn)呢？

回復(fù) 2017-02-08
C小希
一般是手機(jī)屏幕，因?yàn)樵诂F(xiàn)在的高清屏下，分辨率并不等于手機(jī)屏幕，比如iPhone6，寬的分辨率為750，但是手機(jī)寬度只有375，意思就是，2個(gè)像素點(diǎn)占據(jù)手機(jī)實(shí)際一個(gè)像素的位置。

回復(fù) 2017-02-08
倚劍洞天
分辨率大小沒關(guān)系吧只是關(guān)乎長(zhǎng)寬的比例吧？我等下試下哪個(gè)比例更切合點(diǎn)

回復(fù) 2017-02-08

點(diǎn)擊展開后面5條

喵喵_18

TA貢獻(xiàn)2條經(jīng)驗(yàn) 獲得超1個(gè)贊

用rem單位寫,通過javascript根據(jù)寫根據(jù)不同的設(shè)備來(lái)改變根字體大小來(lái)完成不同設(shè)配之間的適配

1 反對(duì) 回復(fù) 2017-02-08

倚劍洞天
謝謝！

回復(fù) 2017-02-08
倚劍洞天
根據(jù)不同的設(shè)備什么數(shù)據(jù)來(lái)進(jìn)行改變根字體大小呢？window.screen.height這個(gè)數(shù)據(jù)沒啥用，。，

回復(fù) 2017-02-08

慕的地6079101

TA貢獻(xiàn)3593條經(jīng)驗(yàn) 獲得超0個(gè)贊

反對(duì) 回復(fù) 2021-10-16

ziom

TA貢獻(xiàn)948條經(jīng)驗(yàn) 獲得超1109個(gè)贊

測(cè)視力圖。。。這種需求還真沒想過，題主知道答案了請(qǐng)跟我也分享一下

反對(duì) 回復(fù) 2017-02-08

qq_v林先泩_0

TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個(gè)贊

保持相同大小，那你直接可以給固定寬度呀！你是想適配百分比的話，圖片的像素比是不變的，不會(huì)影響測(cè)試準(zhǔn)確度，有小的手機(jī)你非得圖片要一樣大小，手機(jī)屏幕裝不下怎么辦？

反對(duì) 回復(fù) 2017-02-08

關(guān)注