天天看點

《高性能響應式Web開發實戰》一第2章 響應式中要面對的問題

本節書摘來異步社群《高性能響應式web開發實戰》一書中的第2章,第2.1節,作者: 李光毅 責編: 楊海玲,更多章節内容可以通路雲栖社群“異步社群”公衆号檢視。

高性能響應式web開發實戰

響應式設計的主要工作就是要讓網頁适配當下種類繁多的裝置,使頁面在不同裝置上仍然看上去友好并且可用。但是細想,當在設法讓一個頁面同時适配三星galaxy s6和iphone 6時,我們究竟是在适配什麼?galaxy s6和iphone 6究竟存在哪些影響頁面展現的差異因素?以上這些問題都可以歸納為:當談論裝置的時候我們究竟在談論什麼?

不同裝置間的差異有很多種,我們不關心裝置的制造廠商,不關心cpu功耗,不關心生産工藝,隻關心會影響頁面在螢幕上展現的裝置因素。如果使用者在來自兩台不同廠商裝置上浏覽頁面時的效果是一緻的,那麼從前端的角度講,就可以認為在某種意義上這兩台裝置并無差異。本章将會讓讀者了解到,在響應式設計中,有哪些常用的差異性因素是需要考慮的,在本書的後面的章節中,主要也是圍繞這些因素做适配與相容。