3 回答

TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超31個(gè)贊
手機(jī)web頁,和PC端web頁其實(shí)差別不大。主要體現(xiàn)在以下幾點(diǎn):
1、移動(dòng)web頁需要在head里面加上這一句:<meta name="viewport" content="width=device-width, initial-scale=1.0" />。其作用是聲明頁面寬度為設(shè)備寬度,不允許縮放。具體用法請自行百度。
2、移動(dòng)Web頁盡可能使用百分比設(shè)置元素寬度,包括margin? padding 屬性都盡可能用百分比設(shè)置。字體大小設(shè)置單位用 rem而不是用PX。
3、特效什么的,能用CSS3就用CSS3,這樣會(huì)更流暢。
以上為本人工作時(shí)自己對移動(dòng)WEB開發(fā)的總結(jié),不需要像上面說的什么框架之類的,你只是做頁面又不是開發(fā)APP客戶端。調(diào)試的話,就用Chrome 瀏覽器的toggle? device mode調(diào)試好了,用不著像網(wǎng)上說的那些下載什么框架什么環(huán)境之類的,如果可以的話,安裝個(gè)IIS就更好,這樣就可以在實(shí)體設(shè)備上測試,IIS配置過程請自行百度。
另附一張Chrome 瀏覽器的toggle? device mode的調(diào)試截圖:
可能還有什么疏漏之處,歡迎前輩補(bǔ)充。。
添加回答
舉報(bào)