原**改進：
1、新增固定導航條；
2、css語法格式錯誤修改，css樣式修改；
3、新增頁尾內容（不滿一屏時）的響應展示；
4、靜態顯示文字優化；
5、疑問：比較奇怪的乙個地方，只要頁頭新增了，實際滾屏的時候就滾不到最後的頁尾。
6、注意：在有固定導航的情況下，實際新增正文內容時，上下的間距應盡量避免使用 margin-top , margin-bottom，應使用 padding-top , padding-bottom 。正文內容的高度應使用百分比，來響應不同螢幕的高度。
改進後的**如下：
六州歌頭·少年俠氣
少年俠氣，交結五都雄。
肝膽洞，毛髮聳。立談中，死生同。一諾千金重！
推翹勇，矜豪縱，輕蓋擁，聯飛鞚，鬥城東。
轟飲酒壚，春色浮寒甕，吸海垂虹。閒呼鷹嗾犬，白羽摘雕弓，狡穴俄空。
樂匆匆。
[宋]賀鑄
«
前端響應式原理
響應式布局指的是同一頁面在不同螢幕尺寸下有不同的布局 響應式設計與自適應設計的區別 響應式開發一套介面，通過檢測視口解析度，針對不同客戶端在客戶端做 處理，來展現不同的布局和內容 自適應需要開發多套介面，通過檢測視口解析度，來判斷當前訪問的裝置是pc端 平板 手機，從而請求服務層，返回不同的頁面 方...
前端響應式布局
這段時間一直在學習前端的東西記錄一下自己所欠缺的東西！響應式布局 由於以前基本上沒有接觸前端的東西，熟悉又陌生，熟悉是因為經常聽見同事在說，陌生是因為自己沒有實踐過 查詢 查詢 剛開始我看名字以為是查詢之類的 說明 通過不同的 型別和條件定義樣式表規則。ok 我已經了基本上了解響應式布局是幹嘛的了 ...
前端之響應式布局
就是乙個 能夠相容多個終端 而不是為每個終端做乙個特定的版本，可以為不同終端的使用者提供更加舒適的介面和更好的使用者體驗。在標頭檔案中新增乙個meta標籤 其中，width device width 這一句的意思是讓頁面的寬度等於螢幕的寬度。rem 指的是 html 元素的 font size，ht...