2015.3.14（知乎首頁仿寫及純CSS兼容IE6實現響應式下拉菜單）

   昨晚寫了一個知乎的首頁練習，只完成了上半部分的練習。下半部分作了一個純CSS的響應式下拉菜單（能夠兼容IE6）。

能夠看出那個知乎兩個大字下面的那行字是截圖截下來的，有一點色差……代碼以下：

js的部分只用到了獲取可視區域的寬度這一點。

function setIndex() {
var commonWidth = $(window).outerWidith;
var commonWidth = $(window).outerHeight;
$(".backTitle").css("width" commonWidth);
}

html部分的代碼：

  CSS部分的主要下拉菜單的核心代碼：

     純CSS的響應式下拉菜單這個主要用到了CSS的visibility屬性。還實驗了另一種HTML5+CSS3的響應式下拉菜單。但若是網頁用到HTML5和CSS3，是否是就不用考慮低版本的瀏覽器了呢？

仍是先判斷是哪種瀏覽器，而後爲每個瀏覽器不兼容的特性找到一個解決辦法，低版本瀏覽器就拋掉或者提示用戶升級？

   這個下拉式菜單作的並不滿意，好像是菜單主選區（大標題）與下拉菜單的佈局問題。感受仍是否則。是否是和clear:both屬性有關呢？

  寫了和刪除效果沒什麼改變，我就刪了……