亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

Hello,移動WEB

碧仔 Web前端工程師
難度中級
時長 2小時 1分
學習人數
綜合評分9.53
240人評價 查看評價
9.8 內容實用
9.4 簡潔易懂
9.4 邏輯清晰

已采納回答 / 碧仔
DPI,等同于PPI。單位英寸內的像素密度。如iphone5的 dpi 是 326,dpr 縮放比為 2

已采納回答 / 碧仔
參考下面章節的內容,使用meta標簽更改默認viewport

講師回答 / 碧仔
meta在移動端是有效的,但是不是所有meta屬性都生效。你的這種IECompatible的meta我沒試過,國產Android博大精深,被坑之路還很漫長

已采納回答 / 流沙_0017
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">要讓視口寬度等于設備寬度才會滿屏,你那樣body寬還是980px,當然占不滿

最新回答 / 十nian
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1,user-scalable=no">你是沒有加入這句話吧,還是用的寫法太新了

已采納回答 / 碧仔
感謝指出口誤,是減少頁面的重排不是重繪。absolute的元素更改位置可以減少整體頁面的重排,僅僅對自身進行重繪和重排,從而提升性能。

已采納回答 / 碧仔
https://github.com/williamtank/welcome_mobile 里面的web_flex.html

講師回答 / 碧仔
https://github.com/williamtank/welcome_mobile web_flex.html 以后你們查看flex特效都可以用得著

講師回答 / 碧仔
。。。。為什么是IE7,而不是我們老朋友IE6?;氐絾栴},IE7肯定不行,IE8也是不行的。查看兼容性的話,建議學習使用http://caniuse.com/ 大項目當然可以使用,只是大項目的兼容性要到那里?如果你的項目需要所有用戶都能訪問的,要兼容低版本的IE,那Flex是不建議使用的。范圍移動端,手機上的瀏覽器版本較高,這種CSS新特性能夠使用

講師回答 / 碧仔
viewport更像是個容器。如果沒有viewport,頁面就會渲染在一個小屏幕里面,這時根本不需要縮放了(T_T)對吧。

講師回答 / 碧仔
參考2-1節,像素的轉換關系

已采納回答 / 碧仔
如上面同學的回答。在實際的開發當中,一般都是使用長度的換算關系即可,1px = 2dp可能更好理解。

講師回答 / 碧仔
1px = dpr ^2 * dp 是平面上的像素換算,但實際開發當中使用更多的是長度上的換算: 1px = dpr * dp。所以320px = 640dp 注意這時候320px 是長度不是平面,568px同理。
課程須知
本課程是前端中級課程,您要具備以下知識: 1、HTML基礎知識 2、CSS基礎知識 3、JS基礎知識
老師告訴你能學到什么?
1、頁面在手機渲染的過程分析 2、高效移動web樣式布局 3、解決移動web上的疑難雜癥

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消