1、兼容性 pc端需要考慮瀏覽器兼容性,移動端主要考慮屏幕分辨率和不同系統的兼容性。 2、頁面布局 PC端常用布局固定寬度980px居中,移動端屏幕的大小和分辨率不同,多用響應式布局,使用em(以父元素為基礎)、rem(以根元素為基礎)。 3、JS動畫 移動端沒有hover事件、增加了 ...
pc端有ie,chrome,ff 內核兼容問題移動端,簡單來說兼容問題相對較少。但是移動端要做好多分辨率的處理。移動端所有圖片和所有html標簽的尺寸都要減半。 移動端在布局跟js效果方面,與PC端有什么不同:先說布局方面:PC端最常用的就是固定寬度 px 也有 , , ,然后水平居中 width: px margin: auto 但移動端就不能這么用了,因為很多網頁都是可以橫屏看,也可以豎屏看 ...
2015-12-17 10:43 0 5854 推薦指數:
1、兼容性 pc端需要考慮瀏覽器兼容性,移動端主要考慮屏幕分辨率和不同系統的兼容性。 2、頁面布局 PC端常用布局固定寬度980px居中,移動端屏幕的大小和分辨率不同,多用響應式布局,使用em(以父元素為基礎)、rem(以根元素為基礎)。 3、JS動畫 移動端沒有hover事件、增加了 ...
(1)———————— 前端里移動端到底比pc端多哪些知識,為啥面試時好多公司都問h5水平如何?我做過幾年的web前端開發,就簡單談談自己的感受吧。首先來看看PC端和移動端在前端開發上的一些區別: (1)PC考慮的是瀏覽器兼容性,移動端開發考慮的更多的是手機兼容性,因為目前不管是android ...
在阿里的幾次面試中,總是被問到移動端和PC端有什么區別,當時回答的時候主要是回答了在兼容性、網速、適配、頁面布局等方面的不同,但是還是很不系統,所以這里做一個總結。 第一: PC考慮的是瀏覽器的兼容性,而移動端開發考慮的更多的是手機兼容性,因為目前不管是android手機還是ios手機 ...
通過navigator獲取瀏覽器,根據瀏覽器的不同判斷出pc和移動端然后設置不同的css ...
很簡單,只需要在html文件中對你引入的css進行一個類似於媒體查詢的操作 <!DOCTYPE html> <html lang="en"> <head> ...
移動端瀏覽器現狀 視口 meta視口標簽 二倍圖 移動端主流方案 移動端技術解決方案 移動端常見布局 1.流式布局(百分比布局) 2.flex布局 3.rem適配布局 1)rem單位 2)媒體查詢 3)less ...
轉自:http://yujiangshui.com/multidevice-frontend-debug/ 通過移動端使用 Web 服務的比率越來越大,例如淘寶今年雙十一,移動端交易份額就達到 42.6%。由此可見,掌握移動端的前端開發和測試是非常有必要的。 由於之前做過大量有響應式需求的項目 ...
移動設備和PC本身有區別: 1、屏幕尺寸不同,屏幕大小導致顯示的內容頁不一樣。 2、網絡速度不同:手機分2G、3G、4G、WIFI等,我們要少用圖片,JS、動畫等等,用戶打不開一樣起不了作用。 3、使用習慣不同:按鈕、鏈接大小要合適手指的點擊。 4、技術層面:JS ...