課程
/前端開發
/WebApp
/Hello,移動WEB
pixel 像素基礎中 知道了px跟dp之前的關系。但還是沒能明白為什么 谷歌下的設備模擬器iphone5狀態下 ?css設置寬高不能使之顏色鋪滿 如果不用百分比的話 用px的話 width 和height的值是多少
2015-09-28
源自:Hello,移動WEB 2-1
正在回答
如果要正好全屏的話,就直接width:320px;height:568px;
首先,老師的說法應該是錯誤的。事實是640*1136Px的背景不僅可以全屏顯示,而且還顯示不完,有一半會被遮擋。那示例中為什么沒有全屏顯示呢?這是因為老師用的是谷歌瀏覽器設備模擬器,一開始執行的時候是按照PC的方式執行的,當把設備模擬器調整成iphone5,根據瀏覽器性能會將網頁縮小完全顯示在視口內。但是你一刷新,就會發現,正常的顯示是不僅全屏,還被遮擋了。所以說,老師沒有刷新啊~~~移動端不管邏輯像素還是物理像素,開發基于邏輯像素。
iphone5 邏輯寬度是320px.
舉報
課程介紹移動web的開發基礎,排版布局,常見移動web問題
1 回答關于Pixel的疑問
1 回答1像素邊框的問題
2 回答邏輯像素問題
1 回答1像素邊框
2 回答一像素邊框
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-24
如果要正好全屏的話,就直接width:320px;height:568px;
2015-12-24
首先,老師的說法應該是錯誤的。事實是640*1136Px的背景不僅可以全屏顯示,而且還顯示不完,有一半會被遮擋。那示例中為什么沒有全屏顯示呢?這是因為老師用的是谷歌瀏覽器設備模擬器,一開始執行的時候是按照PC的方式執行的,當把設備模擬器調整成iphone5,根據瀏覽器性能會將網頁縮小完全顯示在視口內。但是你一刷新,就會發現,正常的顯示是不僅全屏,還被遮擋了。所以說,老師沒有刷新啊~~~移動端不管邏輯像素還是物理像素,開發基于邏輯像素。
2015-12-17
iphone5 邏輯寬度是320px.