一屏網頁：寬高同時100%(body和html)
元素寬度設定為width:100%
百分比是乙個相對單位，相對最近的父元素大小的改變而改變的乙個單位
一屏網頁：寬高同時100%(body和html)
html,body高度塌陷就是，子元素設定浮動之後，父元素沒有設定高度或者父元素需要高度自適應的情況：
子元素設定浮動，高度設定height:auto
解決方案
直接給父元素新增float
給父元素設定overflow:hidden或者auto
在浮動元素的下方，加乙個非浮動的空盒子，給該盒子新增clear:both清除浮動
.p1給父元素新增clear公共類名，**需要清除，在**新增類名clear
.clear:after
/* 相容ie6 */
.clear
min-height:300px
_height:300px;
min-height:300px;
/* 做高版本相容 關鍵字過濾器 增加權重值 */
height:auto!important;
/* 相容ie6在，在ie6中min-height就是height */
寬高自適應，清除浮動
寬度自適應 預設寬度為100 的元素 width 單位為 百分比 高度自適應 不設定height高度，讓內容撐起來 height 設定百分比，前提是設定html，body 最小高度 min height 大於等於 最大高度 max height 小於等於 最小寬度 min width 大於等於 最大...
移動端自適應與rem
提到移動端適配，小夥伴們都會想到rem布局，那麼rem是什麼呢？我們有為什麼要使用rem呢?下面我們就來討論一下。rem是相對於根元素 也就是說到rem又不免想到em。那麼他們之間有什麼血緣關係嗎？是的，他們可能是兄弟 父子，也可能是爺孫關係。它們之間的區別在於，rem依賴於根元素,而em是依賴於父...
自適應與相應式有什麼區別
先給大家體驗一下響應式和自適應的區別，請放大縮小一下螢幕嘗試 自適應的體驗 響應式的體驗 自適應是為了解決如何才能在不同大小的裝置上呈現同樣的網頁，比如我們css用到的rem就是自適應。根據根元素的fontsize來自動調整大小。響應式是讓同一張網頁自動適應不同大小的螢幕，根據螢幕寬度，自動調整網頁...