響應式設計：一種網頁布局會自動適應螢幕尺寸的概念
適應性布局：按步驟調整布局適應有限數量的螢幕尺寸。
流體性布局：不斷地調整布局以適應每一種可能的寬度。
涉及的問題：
1、字型的選擇
1.1有襯線字型還是無襯線字型
1.2字型的尺寸 根據裝置與視線的距離判斷，字型離的越遠，視覺上越小，
1.3行高與對比 隨著更遠的閱讀距離和更多的畫素汙點，給螢幕上的文字比印刷的更大一點的行高是比較聰明的方式。140%是乙個好的參照
1.4 iphone與ipad 字型行高並不一樣，以使用距離為標準 因為iphone會被放得離眼睛很近，行高也可以緊一點，同樣也是因為螢幕小而顯得很有必要
1.5 台式電腦 mac
定論：概念性的啟發
響應式布局概念
固定布局 以畫素作為頁面的基本單位，不管裝置螢幕及瀏覽器寬度，只設計一套尺寸 彈性布局 以百分比作為頁面的基本單位，可以適應一定範圍內所有尺寸的裝置螢幕及瀏覽器寬度，並能完美利用有效空間展現最佳效果 混合布局 同彈性布局類似，可以適應一定範圍內所有尺寸的裝置螢幕及瀏覽器寬度，並能完美利用有效空間展現...
響應式設計
響應式設計 樣式設計適應各種不同解析度尺寸 學習1.css3 media queries 2.樣式覆蓋 考 the orientation media query 一文。我們可以建立多個樣式表，以適應不同裝置型別的寬度範圍。將多個media queries整合在乙個樣式表檔案中 50 smartph...
響應式設計
響應式設計簡單說呢就是針對不同的螢幕解析度應用不同的css樣式，這裡有兩個關鍵點 一是如何在不修改dom結構的前提下調整布局 二是如何判斷螢幕解析度並應用對應的css 以上兩點應該不依賴於js.1 實現第一點依靠的是流式布局，就是所有參與布局的div都用float left，寬度都用百分比表示 圖一...