首先介紹下rem 說起rem就的說px，em； PX為單位 在Web頁面初期制作中，我們都是使用“px”來設置我們的文本，因為他比較穩定和精確。但是這種方法存在一個問題，當用戶在瀏覽器中瀏覽我們 ...

1.需求 移動端頭像裁剪功能 2.解決方案 使用jq和jcrop插件完成 3.解決思路 先把可移動的層的左上角左邊和長寬傳到后端，后端獲得這些數據之后用gd庫的函數去裁剪服務端的圖片。 默認要裁剪的圖片已經上傳到后台，圖片上傳的解決方案這下面鏈接 http ...

范疇 　　移動端web瀏覽器。至少需要適配的，UC,QQ,各手機內置瀏覽器，chrome，safari。 是不是覺得和PC端差不多？錯了！每款同一版本ios的內置瀏覽器一樣。但每款同一版本android的不同品牌手機內置瀏覽器有很多細節上的差別(每個手機運營商稱其為優化系統 ...

優化以前寫過的一篇文章：https://www.cnblogs.com/beileixinqing/p/11283315.html 目前常見移動端適配方案 1、媒體查詢 通過寫媒體查詢，在不同的分辨率下寫對應不同的樣式，這樣帶來以下幾點缺點： 開發上的繁瑣，需要針對不同設備下寫對應 ...

移動端1px解決方案 設備像素比? window.devicePixelRatio是設備上物理像素和設備獨立像素(device-independent pixels (dips))的比例。 -webkit-min-device-pixel-ratio的常見值對照 ...

相信不少人做移動端項目的時候都會遇到position:fixed 的坑。 下面提供一個解決方法，不用引入任何其他的js庫，純css解決。 解決問題的關鍵就是：fixed元素內部必須嵌套一個position:absolute元素，用來裝載內容，目的就是為了讓內容脫離fixed文檔流，屏蔽 ...

mobileHack 這里收集了許多移動端上遇到的各種坑與相對解決方案 1.問題：手機端 click 事件會有大約 300ms 的延遲 原因：手機端事件 touchstart –> touchmove –> touchend or touchcancel –> click ...

使用方式： 在html頁面開頭，引入下面的原生js代碼 上述js的意思是： 如果頁面的寬度超過了640px，那么頁面中html的font-size恆為100px，否則，頁面中html的font-size的大小為： 100 * (當前頁面寬度 / 640) rem原理 ...