1.給 img標籤增加樣式規則使它自適應容器尺寸。應宣告為塊級元素，應適應它容器的寬度，應保持原本的寬高比。
2.為優化在高解析度裝置下的顯示效果，最簡單的方式是定義它們的width和height值為原始檔寬高的一半。
img
3.一般依賴於**查詢：max-width(小於或等於)，min-width(大於或等於)
@media (max-width){
p{css樣式
4.用em或px去設定文字大小
5.使用視窗單位還有百分比，
6.使用flexible box，簡稱 flexbox（彈性盒子）進行元素的排列和定位。
響應式一些知識
1，什麼是 查詢，查詢的優缺點 media queries 查詢 查詢表示式，指定 型別，根據 型別來選擇相應的樣式，在樣式中，選擇一種頁面的布局以精確地適應不同的裝置 我們要做的就是針對不同的瀏覽器裝置大小，編寫不同的樣式，讓瀏覽器根據不同的視窗尺寸大小，選擇不同的樣式 ie8 以下不支援 查詢 ...
響應式web設計（一）
最近在研究響應式web頁面設計，入門級media queries 即 查詢，查詢在css3中引入，作用是允許設定表示式檢查 環境，用來確定應用不同的樣式。查詢應用的兩種方式 一.在引入樣式表的時候判斷 尺寸，根據尺寸引入不同的樣式表，如下 表示當 分表率小於620畫素時，應用a樣式表 畫素只是 查詢...
響應式的WEB設計（一）
現在移動裝置越來越普及，使用者使用智慧型手機 pad上網頁越來越普遍。但是傳統的fix型的頁面在移動終端上無法很好的顯示。因此，ethan marcotte提出一種響應式web設計的概念。響應式web設計的英文為responsive web design，簡寫為rwd。在圖書館借到一本o reill...