                        課程
                    
                        /前端開發(fā)
                        
                            /WebApp
                        
                        /Hello，移動(dòng)WEB

pixel 像素基礎(chǔ)中的疑問(wèn)

pixel 像素基礎(chǔ)中知道了px跟dp之前的關(guān)系。但還是沒(méi)能明白為什么谷歌下的設(shè)備模擬器iphone5狀態(tài)下 ?css設(shè)置寬高不能使之顏色鋪滿如果不用百分比的話用px的話 width 和height的值是多少

是我么

2015-09-28

源自：Hello，移動(dòng)WEB 2-1

關(guān)注問(wèn)題我要回答

843

操作

收起

3 回答

慕哥5385412
2015-12-24

如果要正好全屏的話，就直接width：320px;height:568px;

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕哥5385412
2015-12-24

首先，老師的說(shuō)法應(yīng)該是錯(cuò)誤的。事實(shí)是640*1136Px的背景不僅可以全屏顯示，而且還顯示不完，有一半會(huì)被遮擋。那示例中為什么沒(méi)有全屏顯示呢？這是因?yàn)槔蠋熡玫氖枪雀铻g覽器設(shè)備模擬器，一開始執(zhí)行的時(shí)候是按照PC的方式執(zhí)行的，當(dāng)把設(shè)備模擬器調(diào)整成iphone5,根據(jù)瀏覽器性能會(huì)將網(wǎng)頁(yè)縮小完全顯示在視口內(nèi)。但是你一刷新，就會(huì)發(fā)現(xiàn)，正常的顯示是不僅全屏，還被遮擋了。所以說(shuō)，老師沒(méi)有刷新啊~~~移動(dòng)端不管邏輯像素還是物理像素，開發(fā)基于邏輯像素。