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

iphone5不是320px568px么,為什么div初始化的時(shí)候老師用640px1136px來表示

iphone5不是320px*568px么,為什么div初始化的時(shí)候老師用640px*1136px來表示

家有小狗

2015-11-23

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

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

4886

操作

收起

3 回答

慕哥5385412
2015-12-24

上面的說法要基于加了meta標(biāo)簽才成立~~~~所以說老師沒有錯(cuò)~~~老師是按照PC的尺寸在執(zhí)行代碼

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

收起回答

#1

慕桂英9637434

所以到底老師有沒有錯(cuò)？他第一次用的設(shè)置為640*1136Px的時(shí)候，他并沒有用 <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

2016-10-31 回復(fù) 有任何疑惑可以回復(fù)我~

慕哥5385412
2015-12-24

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

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

收起回答