1. 判斷瀏覽器類型 2. 根據瀏覽器跳轉到對應的頁面 這是我的項目結構: 其實只要把移動端頁面放在mobile目錄下即可,然后需要在每個頁面(PC端和移動端)引入current-device.min.js和defalut.js,然后瀏覽器訪問時,執行defalut.js的方法進行 ...
一 PC端與移動端自動切換相應的鏈接地址 二 媒體查詢關鍵代碼 一共需要兩步 head里面加meta 媒體查詢的尺寸限制 . head里面的代碼 . 需要寫的代碼 三 rem的使用方法 操作步驟: ...
2016-10-14 10:04 0 1732 推薦指數:
1. 判斷瀏覽器類型 2. 根據瀏覽器跳轉到對應的頁面 這是我的項目結構: 其實只要把移動端頁面放在mobile目錄下即可,然后需要在每個頁面(PC端和移動端)引入current-device.min.js和defalut.js,然后瀏覽器訪問時,執行defalut.js的方法進行 ...
...
樣式: ...
在阿里的幾次面試中,總是被問到移動端和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事件、增加了 ...
場景 項 域名 描述 pc端 www.one.com 用於pc端訪問官網 移動端 m.one.com 用於移動端訪問 現在的需求是這樣,在pc端訪問 ...
<!-- 可以通過js代碼判斷 --> <!-- 手機端電腦端判斷--> <script type="text/javascript"> $(document).ready(function ...