3 回答
已采納

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