移動端網頁製做參考

移動端頁面的重要性無需贅言，最近我搜集了一些相關文章，在此作個大體總結，若是你想查看更詳細內容請戳文末連接

1. 頁面

   • 流式css佈局
   • css使用media query
   • viewport meta標籤
   • 觸摸事件
   • 圖片顯示優化
   • 移動API
   • 瀏覽器兼容
     
     
     • 使用Chrome開發者工具自帶的Emulation進行測試

2. 內容
   注意移動設備用戶和PC用戶使用場景的差別

3. 性能
   Best Practices for Speeding Up Your Web Site

---

參考原文:

• Mobile Web Development - Web developer guide | MDN
• Building Smartphone-Optimized Websites - Webmasters — Google Developers
• Mobile Web @ W3C
• Guidelines For Mobile Web Development | Smashing Magazine
• mobilewebdevconference.com
• 移動端webapp開發必備知識 | Resource | 前端觀察
• 自適應網頁設計（Responsive Web Design） - 阮一峯的網絡日誌
• 5 Advanced Mobile Web Design Techniques You’ve Probably Never Seen Before | Mobify