第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

網(wǎng)易的640設(shè)計(jì)稿和320,這兩個(gè)值有問題搞不懂,希望有人幫幫我。

網(wǎng)易的640設(shè)計(jì)稿和320,這兩個(gè)值有問題搞不懂,希望有人幫幫我。

molleahahs 2018-05-06 12:40:01
問題介紹有點(diǎn)長,嘿嘿。我看了網(wǎng)易的rem方案:document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';從拿到640的psd到寫出頁面和320都沒有關(guān)系啊,為什么說640就是iphone4/5的設(shè)計(jì)稿啊。設(shè)計(jì)稿到寫的頁面都是按照物理像素來的,因?yàn)樵O(shè)計(jì)稿量了30px=0.3rem寬的一個(gè)按鈕,那這里按鈕寬還是物理像素算來的。然后dpr=2=物理像素/css像素,一般的手機(jī)應(yīng)該都是dpr=2,這里就產(chǎn)生了矛盾點(diǎn)。我在頁面寫的是css像素,為什么量的30px寬的按鈕在網(wǎng)頁里面的的寫的寬不是0.15rem,而是0.3rem,我寫的css肯定是css像素了不是設(shè)備像素了呀。希望大神跟我解答一下
查看完整描述

1 回答

?
橋本奈奈未

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

https://img1.sycdn.imooc.com//5aeec3ad000128ab03420039.jpg

因?yàn)閕phone5的retina屏是二倍屏,所以物理像素就是320*2=640;所以640是iPhone5的設(shè)計(jì)稿沒錯(cuò)。

(document.documentElement.clientWidth =320=>iphone5)

然后你的網(wǎng)頁的html的font-size也是以這個(gè)為基準(zhǔn)去設(shè)置的話,那么設(shè)計(jì)稿上的30px自然就是0.3rem。不需要你再自己除以2,因?yàn)閞em已經(jīng)省下這個(gè)步驟了。反過來說,如果你不采用rem,而是直接使用px,那么需要你自己再除以2,也就是設(shè)計(jì)稿上的30,到了css這里就是15px;?設(shè)計(jì)稿是物理像素,而css的像素還需再乘以dpr;于是15*2=30。

查看完整回答
1 反對 回復(fù) 2018-05-06
  • molleahahs
    molleahahs
    謝謝你的回答,我估計(jì)我明白了,我問題就問的有問題,看起來可以轉(zhuǎn)化,但其實(shí)不能轉(zhuǎn)化,計(jì)算標(biāo)準(zhǔn)要保持一致,不能混起來再算,跟網(wǎng)上那個(gè)10塊錢的問題差不多,嘻嘻。
  • 1 回答
  • 0 關(guān)注
  • 1418 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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