回應(yīng)型網(wǎng)站和適應(yīng)性網(wǎng)站的區(qū)別
http://www . sogo.com的基本概念:當(dāng)使用不同的設(shè)備瀏覽時(shí),會(huì)顯示不同的網(wǎng)頁(yè)。網(wǎng)頁(yè)的內(nèi)容和布局風(fēng)格相似或完全不同,它們屬于電腦端的不同網(wǎng)站模板。數(shù)據(jù)庫(kù)的內(nèi)容獨(dú)立地相同或不同。目的是為了符合訪問(wèn)者的瀏覽,即通過(guò)寬度來(lái)調(diào)整網(wǎng)頁(yè)內(nèi)容的大小,以便不同大小的設(shè)備看到的網(wǎng)站內(nèi)容和布局是相同的。圖像就像同一張照片,它的大小是根據(jù)不同的比例顯示的。對(duì)于一些優(yōu)化人員來(lái)說(shuō),他們更習(xí)慣于同步數(shù)據(jù)庫(kù),使PC端的網(wǎng)址和內(nèi)容與移動(dòng)端的網(wǎng)址和內(nèi)容一一對(duì)應(yīng)。
響應(yīng)性和適應(yīng)性布局都是為了解決在不同大小和分辨率的設(shè)備上正確顯示網(wǎng)頁(yè)的問(wèn)題而設(shè)計(jì)的。區(qū)別在于兩種布局方法采用不同的解決方案。
事實(shí)上,一種新的布局方法是寬度自適應(yīng)布局。平時(shí)談到自適應(yīng)布局,大多時(shí)候是指寬度自適應(yīng)布局。適應(yīng)是解決如何在不同大小和分辨率的設(shè)備上呈現(xiàn)相同的網(wǎng)頁(yè)。在網(wǎng)頁(yè)內(nèi)容和布局主體基本不變的前提下,同一頁(yè)面自動(dòng)適應(yīng)不同尺寸和分辨率的設(shè)備,并根據(jù)設(shè)備屏幕寬度自動(dòng)調(diào)整網(wǎng)頁(yè)內(nèi)容大小。
這將導(dǎo)致一個(gè)問(wèn)題,即如果設(shè)備太小,即使網(wǎng)頁(yè)可以根據(jù)屏幕大小進(jìn)行調(diào)整,但是如果屏幕上顯示的內(nèi)容太小,用戶體驗(yàn)將會(huì)受到極大的損害。
響應(yīng)式布局就是為解決這個(gè)問(wèn)題而衍生出來(lái)的一種新布局。它可以自動(dòng)識(shí)別屏幕大小,并對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行相應(yīng)的調(diào)整。頁(yè)面布局和顯示的內(nèi)容可能會(huì)隨著屏幕大小而變化。
一般來(lái)說(shuō),反應(yīng)和適應(yīng)的原則是相似的。它們都是探測(cè)設(shè)備。不同的設(shè)備采用不同的css。此外,css采用百分比而不是固定寬度。不同之處在于,響應(yīng)網(wǎng)站在不同設(shè)備上的外觀不同,并且會(huì)隨著設(shè)備的變化而改變模板樣式、模塊布局和顯示樣式。然而,自適應(yīng)是不可能的。所有設(shè)備看起來(lái)像同一個(gè)網(wǎng)站,但長(zhǎng)度或圖片變小,不同的設(shè)備不會(huì)采用不同的顯示方式。