「不是我不明白,這世界變化快。」崔健的這首歌使用在網際網路領域最合適不過。只短短數年的功夫,網際網路的浪潮還沒過去,移動網際網路的時代已經來臨。人們已經習慣將越來越多的時間花在各種移動裝置上。各大網際網路公司先知先覺,在移動網際網路領域殺的不可開交,甚至很多傳統行業公司也在積極尋求自身領域與移動網際網路的結合點。
終端裝置種類繁多,要給所有使用者群帶來一致的使用者體驗實屬不易。在這種背景下,響應式設計應運而生。響應式web設計的理念是,頁面的設計與開發應當根據使用者行為及裝置環境進行相應的響應和調整。響應式設計並不是單純設計者的事情,它是一系列技術棧的結合。html5和css3醞釀了多年終於落地,其在響應式設計中扮演著舉足輕重的角色。
本書作者benjamin lagrone具有豐富的網際網路設計和開發經驗。本書共7章,系統的介紹了利用html5和css3進行響應式web設計的方方面面。每一小節基本都分為準備工作、實現方式、工作原理三部分,每個知識點逐步展開。並且每個小節所對應的方法都有詳實的示例**,可供讀者參考學習。
在翻譯此書的過程中,我和同事饒勳榮合作非常愉快。同時也感謝華章公司的編輯們對我們工作的支援。另外,還要感謝家人對我的包容和照顧。
黃博文
響應式Web設計 HTML5和CSS3實戰
內容簡介 移動網際網路時代到來了。響應式web設計 html5和css3實戰 將當前web設計中熱門的響應式設計技術與html5和css3結合起來,為讀者全面深入地講解了針對各種螢幕大小設計和開發現代 的各種技術。不僅討論了 查詢 流式布局 相對字型 響應式 更將html5和css3的相關知識點一併...
(HTML5)第七章 css3和響應式設計
響應式設計的思想就是讓網頁布局 和字型自適應視窗大小 百分比和em功能相同,讓文字相對於瀏覽器預設的文字大小縮放。把文字大小設定為110 或1.1em,結果就是比常規沒有應用樣式的文字打10 響應式布局常用設定方式 body pp同時,對於邊框 內邊距和外邊距,也用em單位設定,可以防止元素在小視窗...
css3和html5的基礎
流式布局 應對視窗大小做等比例縮放布局 簡單來說利用百分數來進行布局 css3的box sizing與calc 通常設定邊框會被設定在元素的外圍 box sizing屬性值設為border box時邊框就加在元素內部 css3中在進行響應式布局時需要對不不同的螢幕大小設定不同的div排序方式。這時候...