本篇主要是記錄一下移動端視口的分類說明和其它的一些知識。在開始之前，先看一個典型的例子： 上述代碼相信大家在做移動端開發時經常去書寫。它研究了兩個內容：meta視口和寬度媒體查詢。通常我們都會稱上述代碼為CSS3的媒體查詢功能。使用媒體查詢功能能夠解決針對桌面級的web設計在移動端 ...

一、目前移動端布局方法 兩個基本規則：移動優先，設計初期就要考慮設計的頁面如何多終端顯示。漸進增強，充分發揮硬件設備的最大功能。 三個常用方法： 1）css3-media Query（最簡單，最基本） 優點：解決了跨設備問題 缺點：兼容性代碼多工作量大，加載 ...

移動端瀏覽器現狀 視口 meta視口標簽 二倍圖 移動端主流方案 移動端技術解決方案 移動端常見布局 1.流式布局(百分比布局) 2.flex布局 3.rem適配布局 　　　　1）rem單位　　　　2）媒體查詢　　　　3）less ...

三個月前曾寫過一篇跨終端響應式頁面設計入門的博客，上了博客園頭條也得到了不少關注，今天想在這篇博客的基礎上，繼續寫一篇進階的文章。 補充 基於“入門”一文，我想再補充幾個基礎知識點，主要都是針 ...

　　首先要說明的是，開發移動端web頁面是可以使用jQuery的，但是不建議使用它而已！ 　　之所以不建議再使用jQuery，我想至少有2個原因。 　　其一是，jQuery有一個特點，這個特點也是被人們津津樂道的一個優點，就是jQuery屏蔽了瀏覽器的差異。 　　但是這一特點的出發點 ...

這個話題有些復雜，說起來有些瑣碎，因為和移動端適配相關的問題太多了。 1. 概念 1.1 設備像素 設備像素被稱為物理像素，它是顯示設備中一個最小的物理部件。每個像素可以根據操作系統設置自己的顏色和亮度。這些設備像素的微小距離欺騙了我們肉眼看到的圖像效果。 1.2 屏幕密度（ppi ...

文章來源： http://www.restran.net/2015/05/14/mobile-web-front-end-collections/ 最近整理的移動端 Web 開發前端知識，不定期更新。 HTML5 可以做什么 拍照 獲取地理位置 手勢 canvas ...

前面的話 　　chrome的開發者工具可以很好地做好模擬工作，但畢竟模擬和實際還是有差別的。所以，真機測試是一定要做的，如何高效地進行真機測試呢。個人感覺，還是BrowserSync用得比較稱手。本文將詳細介紹如何應用BrowserSync進行移動端真機測試 特性 ...