熟妇人妻无码中文字幕老熟妇

源起
2010年5月，伊桑.馬科特（Ethan Marcotte）在“A List Apart”寫了一篇開創性的文章（題為“Responsive Web Design” ），他利用三種已有的工具：流動布局（Fluid grids）、媒介查詢（Media queries）和彈性圖片（Scalable images）創建了一個在不同分辨率屏幕下都能漂亮地顯示的網站。 Ethan Marcotte力勸設計師們要去利用那些Web獨有的特性去進行設計： “我們可以將不同聯網設備上眾多的體驗，當作是同一網站體驗的不同側面來對待，而不要為每種設備進行單獨剪裁而使得設計彼此斷開，這才是我們前進的方向。雖然我們已經能夠設計出最佳的視覺體驗，但還要把基于標準的技術也嵌入到我們的設計中去，這樣才能使得我們的設計不僅靈活，而且還能適應渲染它們的各種媒介?！?Ethan Marcotte證明了一種在多種設備上都能提供卓越體驗的方法的存在，而且這一方法不會忽視不同設備的差異，也不會強調設計師的控制權，而是選擇了順其自然并擁抱Web的靈活性。

這里簡單介紹下上面的提到的三個概念：流動布局（Fluid grids）、媒介查詢（Media queries）和彈性圖片（Scalable images）原本都是指現有的一些技術手段，但在做響應式設計研究的過程中，這些概念還是有更廣泛的意義，設計師也應該有所了解：

流動布局

原特指以百分比為度量單位的布局技術實現方式。這里就不對如流動布局、彈性布局、流體柵格等各種概念做一一說明。筆者就此統為一個大的概念：在響應式設計的布局中，不再以像素（px）作為唯一單位，而是采用百分比或者混合百分比、像素為單位，設計出更具靈活性的布局方式。

媒介查詢

媒介查詢可以讓你根據在特定環境下查詢到的各種屬性值——比如設備類型、分辨率、屏幕物理尺寸及色彩等——來決定應用什么樣的樣式。通過使用媒介查詢，可以獲取到設備及設備的特性，并給出求同存異的方案，從而解決之前在單純的布局設計中遺留的問題。

彈性圖片

伴隨布局的彈性，圖片作為信息重要的形式之一也必須有更靈活的方式去適應布局的變化。個人認為彈性圖片是Ethan Marcotte提出設計產品時提出的概念，我們在后續的研究中可以以圖片為典型，擴大研究范圍：除了圖片，還應該包括圖標、圖表、視頻等信息內容的響應方式研究。