initial-scale=1.0">
script>
字型也不能使用絕對大小（px），而只能使用相對大小（em）
如: font: normal 100% helvetica, arial, sans-serif; 字型大小是頁面預設大小的100%，即16畫素
font-size: 1.5em; 預設大小的1.5倍，即24畫素
所有塊都是float浮動的,小心使用position: absolute絕對定位
"stylesheet"
type="text/css" media="screen and (max-device-width: 400px)" href="tinyscreen.css" />
"stylesheet"
type="text/css" media="screen and (min-width: 400px) and (max-device-width: 600px)" href="smallscreen.css" />
@media screen and (max-device-width: 400px)
#sidebar
}
此時觸發的動作是:class=」column」的塊取消浮動,寬度自動,id=」sidebar」的塊隱藏
img
imgimg
響應式web設計
響應式網頁設計是時下網頁設計領域最熱門的話題之一，該概念由著名網頁設計師 ethan marcotte 在2010年5月份提出，其目標是要讓設計的 能夠響應使用者的行為，根據不同終端裝置自動調整尺寸。簡而言之，就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本。那麼，怎麼實現響應式設計呢？...
響應式Web設計
設計師熟知的在印刷 的控制功能，常常也會期望web 會有，但是他們僅僅限制在列印出來的頁面上才能使用。我們必須接受這樣的事實 web根本沒有同樣的限制和為這樣的彈性準備的設計。但是首先我們必須接受這種落差和流程。英國建築師christopher wren有一次開玩笑說他選擇了乙個 以永恆為目標 的領...
響應式Web設計
一 media 查詢 溫故而知新，回顧下自己對 media 查詢的理解吧。查詢相當於是乙個條件，只有滿足了這個條件才會執行 查詢內的樣式表。查詢的語法 media screen and min width 300px 該語句描述了當使用的裝置型別為螢幕時，螢幕的最小寬度大於等於300px時，將應用該...