在前端眼中pc端和移動的開發區別

2022-06-27 16:39:11 字數 739 閱讀 3464

按照昨天所說,本包子今天將總結在前端開發中,pc端和移動端的區別,整理完這些區別,本包子將開始整理pc端的布局,會寫實際的**了,還是那句話,希望文章中有什麼不足的地方,大家能多多指正,大家一起進步,成為乙個優秀的前端 ~~~ > o < ~~~

pc端和移動端布局的區別

1.pc端沒有觸控的各種事件,移動端有;移動端沒有滑鼠移入移出事件,但是

pc端有

2.pc端最常用的布局是固定寬度為

980px

(也有960px

,1000px

,1200px

);而在移動端,因為有很多網頁是可以橫屏看也可以豎屏看,並且很多螢幕的餓解析度都是不一樣的,所以只要牽涉到移動端都要考慮用響應式布局

3.pc布局考慮更多的是瀏覽器的相容性,但是在移動端,考慮更多的是手機相容性,因為手機的型號型別非常的多,導致螢幕的解析度是不一樣的

4.移動端觸控彈出的手機鍵盤處理也是在pc端不會遇到的問題。

5.移動端和pc端適用的

js框架也是不一樣

6.pc端瀏覽器核心有很多,

webkit

,gecko

,。。。。,但是移動端的瀏覽器核心比較單一,基本都是

webkit

以及webkit

相關的blink

7.pc端的互動是滑鼠,鍵盤的互動而移動端變成了觸控,手勢的互動

good good study     day day up!

移動端前端開發與pc端前端開發的區別

關於移動端 另外寫幾點響應螢幕大小的建議和方法 1 由於現在手機螢幕多種多樣,想要相容所有裝置所需要開發的經驗必須非常豐富,對設計師的要求也非常高,如果是初學或者開發經驗較少,可將裝置分為手機 平板 pc三種頁面來寫。2 寬度的響應 寬度的響應最近使用的最多的就是類似以下這種寫法 width cal...

前端 移動端和PC端的區別

在阿里的幾次面試中,總是被問到移動端和pc端有什麼區別,當時回答的時候主要是回答了在相容性 網速 適配 頁面布局等方面的不同,但是還是很不系統,所以這裡做乙個總結。第一 pc考慮的是瀏覽器的相容性,而移動端開發考慮的更多的是手機相容性,因為目前不管是android手機還是ios手機,一般瀏覽器使用的...

1 移動端和PC端的區別

1.pc考慮的是瀏覽器的相容性,而移動端開發考慮的更多的是手機相容性,因為目前不管是android手機還是ios手機,一般瀏覽器使用的都是webkit核心,所以說做移動端開發,更多考慮的應該是手機解析度的適配,和不同作業系統的略微差異化。2.在部分事件的處理上,移動端多出來的事件是觸屏事件,而缺少的...