蘋果官網是怎麼做到完美保證多平台瀏覽體驗的?

無論是在Ubuntu或者windows等不同的操作系統平台上還是手機平板PC等不同的終端上蘋果官網的字體或者網頁布局都保持了非常好的瀏覽體驗

PC:

Pad:

Phone:

能否具體請教一下這個是如何做到的?比如怎麼保證字體一致?怎麼讓網頁布局自適應?


右鍵審查元素看下不完了么,文字都是圖片。不同解析度的設備載入的圖片不一樣而已。


響應式布局,不同尺寸的頁面切換不同尺寸的圖片


這沒啥懸乎的,你可以搜搜自適應布局,再來就是上面說的,一樣的方式,去載入不同尺寸的圖片罷了


我覺得在iPhone上的字就是敗筆啊。一直不理解螞蟻一樣大的字為何會出現在Apple主頁上。每次都要經過放大才可以切換標籤。


推薦閱讀:

你是如何構建 Web 前端 Mock Server 的?
有哪些函數式編程在前端的實踐經驗?
Vue.js 如何添加全局函數或變數?
什麼樣的前端技術 leader 是稱職的?
為什麼優酷在PC端瀏覽器依然用Flash?

TAG:前端開發 | 蘋果公司AppleInc | JavaScript | HTML5 | 前端開發框架和庫 |