在阿里的幾次面試中,總是被問到移動端和PC端有什么區別,當時回答的時候主要是回答了在兼容性、網速、適配、頁面布局等方面的不同,但是還是很不系統,所以這里做一個總結。 第一: PC考慮的是瀏覽器的兼容性,而移動端開發考慮的更多的是手機兼容性,因為目前不管是android手機還是ios手機 ...
今天和我們公司的前端對接發現,這才發現他們的切圖方法不高效,所以才有了這篇文章。 ui在做圖標的時候會給底部加一個切圖區域的矩形框,這是為什么呢,第一方便ui做圖標的時候有個參考范圍,第二點就是為了前端切圖的時候可以按照底部的矩形區域去切圖,其實是為了方便了前端更好的切圖 當然不用切圖的前端就不用往下看了 例如下圖所示,tab bar中每一個icon都底部都有一個隱藏的切圖范圍,ui一般保存psd ...
2019-12-26 16:18 1 218 推薦指數:
在阿里的幾次面試中,總是被問到移動端和PC端有什么區別,當時回答的時候主要是回答了在兼容性、網速、適配、頁面布局等方面的不同,但是還是很不系統,所以這里做一個總結。 第一: PC考慮的是瀏覽器的兼容性,而移動端開發考慮的更多的是手機兼容性,因為目前不管是android手機還是ios手機 ...
1、pc端有ie,chrome,ff 內核兼容問題移動端,簡單來說兼容問題相對較少。但是移動端要做好多分辨率的處理。移動端所有圖片和所有html標簽的尺寸都要減半。 2、移動端在布局跟js效果方面,與PC端有什么不同:先說布局方面:PC端最常用的就是固定寬度980px(也有 ...
1、兼容性 pc端需要考慮瀏覽器兼容性,移動端主要考慮屏幕分辨率和不同系統的兼容性。 2、頁面布局 PC端常用布局固定寬度980px居中,移動端屏幕的大小和分辨率不同,多用響應式布局,使用em(以父元素為基礎)、rem(以根元素為基礎)。 3、JS動畫 移動端沒有hover事件、增加了 ...
最近其他項目不是很忙,被安排給公司的官網項目做一個新的頁面(之前沒接觸公司官網項目),其中有一個用到輪播圖的地方,最開始想直接用swiper.js插件實現就好了,可是發現官網項目里之前都沒有引入過swiper.js,后來想了想,就不引入它了,免得又得增加依次一次網絡請求,項目里既然已經用到 ...
本篇LIST 1.項目預覽地址: 項目預覽地址 2.項目完成效果: 3.HTML布局拆分 1. tip提示部分 2. title標題部分 3.搜索欄部分 找的是codepen上現成的 ...
https://waliblog.com/css/2018/03/19/compatible.html ...
通過navigator獲取瀏覽器,根據瀏覽器的不同判斷出pc和移動端然后設置不同的css ...
判斷方法一、入口文件下手 判斷方法二、前端代碼下手(新建一個空白頁面js進行操作) 判斷方法三、首頁進行操作判斷 我用的是第三種: 1.先在代碼內的common.php操作,寫入公共方法 二、在視圖層建兩個文件夾 detail代表手機端 ...