南昌莫非之網頁布局和flex網頁布局之間的比較
隨著上網設備成本的下降和居民收入水平的提高,互聯網正逐步走進千家萬戶,越來越多的企業認識到了互聯網的便捷作用。中國互聯網信息中心最新調查統計,國內網民規模繼續呈現持續快速發展的趨勢。
由互聯網所帶動的這場數字經濟變革,以超乎我們預期的威力和速度沖擊著社會的各個層面。作為全新的媒體和全新的市場,互聯網改變了人們生活、工作的各個層面。?
在當今互聯網時代,一個企業沒有屬于自己的網站,則像是一個人關起門來做生意,很大程度上會給企業帶來很大的不方便。?
設計師前幾天在逛論壇的時候,看到有人在討論圣杯網頁布局和雙飛翼布局方式,有一部分觀點認為圣杯布局和雙飛翼布局方式已經是過去式了,快要被淘汰了。當下流行趨勢是flex布局。做網站的設計師覺得這個觀點很有意思,也想發表自己的一些看法。
我們先來說說圣杯布局和雙飛翼布局,這兩種布局文式基本上是一致的,都是兩邊固定寬度,中間自適應的三欄布局,其中,中間欄放到文檔流前面,保證先行渲染。解決方案大體相同,都是三欄全部float:left浮動,區別在于解決中間欄div的內容不被遮擋上,圣杯布局是中間欄在添加相對定位,并配合left和right屬性,效果上表現為三欄是單獨分開的(如果可以看到空隙的話),而雙飛翼布局是在中間欄的div中嵌套一個div,內容寫在嵌套的div里,然后對嵌套的div設置margin-left和margin-right,效果上表現為左右兩欄在中間欄的上面,中間欄還是100%寬度,只不過中間欄的內容通過margin的值顯示在中間。
flex 布局又稱 彈性盒子 布局,現今雖已得到眾高端瀏覽器廠商的支持,做網站 發現由于IE10以下的用戶基數仍然很大,大部分Web開發者并不能夠真正在某種程度上大膽嘗試這種新型布局理念。 Flex布局的主要思想是讓容器能使其子元素的寬高(或其他屬性)能夠以**的方式去填充可用空間(主要是去適應不同的設備跟分辨率)。一個Flex彈性盒子能讓子元素填充可用空間或者為了阻止子元素超出區域而進行收縮。
綜上所述,做網站 設計師認為Flex布局正處在蓬勃發展時期,Flex布局和圣杯布局就是新舊事物之間轉換的過程,不存在誰被誰淘汰。在網站建設實際過程中,根據需要選擇是用圣杯布局,或是flex布局。