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è)備寬度，不允許縮放。具體用法請(qǐng)自行百度。
2、移動(dòng)Web頁盡可能使用百分比設(shè)置元素寬度，包括margin? padding 屬性都盡可能用百分比設(shè)置。字體大小設(shè)置單位用 rem而不是用PX。
3、特效什么的，盡量不用 jQuery ,能用CSS3就用CSS3，這樣會(huì)更流暢。
以 上為本人工作時(shí)自己對(duì)移動(dòng)WEB開發(fā)的總結(jié)，不需要像網(wǎng)上說的什么框架之類的，你只是做頁面又不是開發(fā)APP客戶端。調(diào)試的話，就用Chrome 瀏覽器的toggle? device mode調(diào)試好了，用不著像網(wǎng)上說的那些下載什么框架什么環(huán)境之類的，需要安裝個(gè)IIS就更好，這樣就可以在實(shí)體設(shè)備上測(cè)試，IIS 的用處和配置過程請(qǐng) 自行百度
TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超31個(gè)贊
另外，個(gè)人覺得不要去用那些封裝好了的插件，像jquery mobile之類的，針對(duì)觸碰手指事件，自己寫touch事件的底層代碼并非是什么難事，這樣如果后期需要調(diào)試自己也可以自行解決，而用別人封裝的插件，你也就只能實(shí)現(xiàn)某些效果，卻不能自行開發(fā)特有的功能。
舉報(bào)