這篇文章就當進入移動web開發的宣誓稿吧，作為移動領域的門外漢，在這段時間的接觸后，發現前端開發這潭水愈發的深了！不多言，進入主題。 　　我將從下面幾個方面探討移動web前端開發：分辨率、屏幕、手機瀏覽器、設計理念、響應式web開發。 分辨率 手機分辨率比PC分辨率要龐雜得多，各種分辨率 ...

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

Web比App簡單？ 前兩天有人問手機上做網頁簡單還是做app簡單，我真答不上來。很多人會不以為意的說當然是網頁簡單，但真的是這樣嗎？ 放眼現在上線的手機網頁，大多數都是平時pc的技術沿用過來的，鮮有新時代的影子。看來看去也就淘寶、豆瓣、知乎這種大公司對移動網頁有一定的思考 ...

前面的話 　　iOS版Safari為了向開發人員傳達一些特殊信息，新增了一些專有事件。因為iOS設備既沒有鼠標也沒有鍵盤，所以在為移動Safari開發交互性網頁時，常規的鼠標和鍵盤事件根本不夠用。隨着Android 中的WebKit的加入，很多這樣的專有事件變成了事實標准，導致W3C開始制定 ...

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

前面的話 　　在CSS標准文檔中，視口viewport被稱為初始包含塊。這個初始包含塊是所有CSS百分比寬度推算的根源，它給CSS布局限制了一個最大寬度。在桌面上，視口的寬度和瀏覽器窗口的寬度一致。而在移動端，視口分為布局視口(layout viewport)、視覺視口(visual ...

什么是移動WEB開發，我個人理解就是，將網頁更好的顯示在移動端的一些設置，簡單來說就兩點如下： 1、流式布局，即百分比自適應布局 將body下的div容器的樣式設置如下： 2、viewport視口 在head標簽中，添加如下： 設置寬度width ...

前面的話 　　像素在web開發中幾乎天天用到，但到底什么是像素，移動端和桌面端的像素有區別嗎，縮放對像素有影響嗎，視網膜屏幕和像素有什么關系？關於這些問題，可能就不清楚了。本文將介紹關於像素的相關知識 定義 　　像素，又稱畫素，是圖像顯示的基本單位，譯自英文“pixel”，pix ...