這個(gè)問題,百度也有很多答案。但小編看完,只想送他們下面張圖。
而你看到的這篇,應(yīng)該是目前最簡(jiǎn)單易懂的版本了。
靜態(tài)布局:注意這個(gè)靜態(tài)不是網(wǎng)站不會(huì)動(dòng)的意思,而是不管瀏覽器多大,當(dāng)初設(shè)置的網(wǎng)頁(yè)大小也不會(huì)改變。如果要用手機(jī)訪問,橫向和豎向都會(huì)有滾動(dòng)條,不能縮放大小。當(dāng)然也存在部分是可以縮放大小的,但是分辨率不會(huì)改變。
自適應(yīng)布局:網(wǎng)頁(yè)內(nèi)容自動(dòng)適應(yīng)屏幕分辨率變化,但是數(shù)量和位置不會(huì)發(fā)生變化。像下面這種:
瀑布流布局:瀑布流布局可以理解為網(wǎng)頁(yè)中的一種樣式,網(wǎng)站的內(nèi)容一層層往下加載,像微博、今日頭條這種網(wǎng)站的消息加載就應(yīng)用了流式布局。
響應(yīng)式布局:在不同的屏幕中,都能自動(dòng)調(diào)整布局和分辨率。并且會(huì)根據(jù)終端自動(dòng)選擇舍棄一部分內(nèi)容顯示,但主要內(nèi)容是不會(huì)被舍棄的。響應(yīng)式是一種全新的設(shè)計(jì)思維。
靜態(tài)、自適應(yīng)、流式、響應(yīng)式四種網(wǎng)頁(yè)布局的區(qū)別?
靜態(tài)布局是一種比較老的網(wǎng)頁(yè)布局方式,毫無靈活性可言,目前已逐漸被淘汰。自適應(yīng)布局可看作靜態(tài)布局的升級(jí)版,響應(yīng)式布局是自適應(yīng)布局的升級(jí)版,流式布局作為一種布局樣式,可適用于其他三種網(wǎng)站布局。響應(yīng)式布局因?yàn)槠鋸?qiáng)大的靈活性,已逐漸成為高端網(wǎng)頁(yè)的代名詞。企業(yè)如果開發(fā)響應(yīng)式網(wǎng)站,就能實(shí)現(xiàn)一次設(shè)計(jì),普遍適用。后期只需維護(hù)一個(gè)網(wǎng)站。
響應(yīng)式網(wǎng)站要普遍適應(yīng)市面上各類屏幕,開發(fā)難度和工作量都是非常大的,開發(fā)價(jià)格自然比普通網(wǎng)站高。但是在全網(wǎng)營(yíng)銷的大背景下,企業(yè)如果為了省錢,只能另外再開發(fā)手機(jī)站,這樣算起來價(jià)格就很不劃算了。立方中國(guó)目前做出來的網(wǎng)站全部都是響應(yīng)式的,而且不用懂代碼也能做,直接套取模板就能做,支持HTML5動(dòng)態(tài)效果,普通企業(yè)展示型網(wǎng)站建設(shè)低至870元/年,是中小企業(yè)的不二選擇。購(gòu)買地址:<span style="white-space:nowrap;">http://m.ytvideosavers.com/design/</span>