HTML基礎學習之 --網頁的寬度、高度自適應

寬高自適應

              我們在網頁佈局中經常要定義元素的寬高。但是我們如果定義寬高是一個定數時，當在不同的分辨率的電腦上打開的時候，往往會出現與屏幕不適應的情況，所以我們希望元素大小能根據窗口或子元素自動調整，這就是自適應。

      元素自適應在網頁佈局中非常重要，它能夠使網頁顯示更靈活，可以適應在不同設備、不同窗口和不同分辨率下顯示。

      1. 寬度自適應

          元素寬度設置爲100% （塊元素寬度默認爲100%）

      2. 元素具備最小高度的自適應

          min-height屬性：最小高度: (IE6瀏覽器不識別該屬性)

          hack1:min-height:value;_height:value;

          hack2:min-height:value; height:auto!important; height:value;(建議使用)

 

          注： height屬性在IE6裏就類似min-height作用。

                  Min-height (最小高度)

                  Max-height（最大高度）

      Min-width （最小寬度）

       Max-width （最大寬度）

 

           3.元素高度自適應窗口高度

             設置方法：html,body{height:100%}

             自適應元素高度：height:100%;