許多移動端上遇到的各種坑【司徒正美】

許多移動端上遇到的各種坑【司徒正美】

https://github.com/RubyLouvre/mobileHack

---------------------------

mobileHack

這裏收集了許多移動端上遇到的各種坑與相對解決方案

##工具類網站

HTML5 與 CSS3 技術應用評估

各種奇妙的hack

幾乎所有設備的屏幕尺寸與像素密度表

移動設備參數表

ios端移動設備參數速查

瀏覽器兼容表

移動設備查詢器

移動設備適配庫

移動設備適配庫2

viewport與設備尺寸在線檢測器

html5 移動端兼容性速查

在線轉換字體

css3 選擇器測試

兼容性速查表

瀏覽器的一些獨特參數

各種各樣的媒體查詢收集

css3 動畫在線製作器

css3 漸變在線製作器

移動端手勢表

webkit獨有的樣式分析

HTML5 Cross Browser Polyfills

HTML5 POLYFILLS

##iphone6的那些事

iPhone 6 屏幕揭祕

##響應式測試工具

Firefox 瀏覽器內置了 自定義設計視圖 的功能，可以通過 Firefox->Web 開發者->自定義設計視圖（或者摁下 Shift + Ctrl + m ）。相比網絡工具，運行更加流暢，無需聯網。

判斷 iPad 和 iPhone 的版本和狀態的 CSS 媒體查詢代碼

Viewport Resizer

http://beta.screenqueri.es/

http://responsivepx.com

http://www.responsinator.com/

http://resizemybrowser.com/

https://quirktools.com/screenfly/