響應式網(wǎng)站是“響應”訪問者正在使用的平臺。最常見的是屏幕或瀏覽器大小。例如,如果瀏覽器寬度小于一定大小,則該網(wǎng)站可以編程為在一列中顯示所有內(nèi)容 - 有效地創(chuàng)建了移動優(yōu)化的網(wǎng)站。
當Google開始考慮到2015年4月21日網(wǎng)站是否針對移動搜索進行移動設備優(yōu)化時,許多網(wǎng)站所有者自然開始考慮使自己的網(wǎng)站響應。
如果您在大多數(shù)情況下正在委托一個新網(wǎng)站,那么您的開發(fā)人員將使網(wǎng)站具有反應性,除非有充分的理由不要因為訪問臺式計算機上的網(wǎng)站現(xiàn)在只能代表部分潛在流量。
無論您是否擁有在響應需求之前構(gòu)建的舊站點,或者您正在構(gòu)建新站點的過程是一樣的(盡管后者比前者更節(jié)省時間)。
當您查看網(wǎng)頁時,您實際上會將兩種不同的內(nèi)容整合在一起:內(nèi)容和風格。內(nèi)容是HTML(超文本標記語言),風格是CSS(級聯(lián)樣式表)。
在響應式網(wǎng)站中,內(nèi)容實際上并沒有改變(有時會顯示/隱藏小部分,但不需要陷入困境)。
然而,CSS的一部分可以被設置為僅在滿足某些規(guī)則時才能啟動; 瀏覽器或屏幕大小在介紹中提到。有許多類型的規(guī)則,如高度,方位和像素密度(用于視網(wǎng)膜顯示)。
使站點響應的核心是遍歷每個頁面,并創(chuàng)建規(guī)則和樣式,以便站點在特定條件下進行格式化。通常這是基于任意的移動,平板電腦和桌面平臺。
除此之外,由于空間有限,導航更改為使用較少頁面的格式。例如,導航項目可以轉(zhuǎn)換為下拉菜單,菜單可以隱藏在屏幕之外,并通過按鈕顯示/隱藏。
最后,圖像需要優(yōu)化,因為浪費帶寬,以在移動設備上顯示巨大的桌面圖像。相反,移動圖像將在大型桌面顯示器上看起來像素化。
所有這些都不是特別困難,但是它們在大型網(wǎng)站上可能是耗時的。此外,測試過程更長,因為您需要嘗試在多個設備上的所有內(nèi)容。