響應(yīng)式設(shè)計有什么缺點嗎?
作者:翔天盛世
發(fā)布時間:2022-07-31 15:00
瀏覽數(shù):692
終于碰到自己比較在行的問題了。首先回答問題。1.可能還真不適合國內(nèi)的電商類網(wǎng)站。 原因:因為國內(nèi)的電商類網(wǎng)站都太復(fù)雜,整個頁面都是大而亂的,巴不得把所有的內(nèi)容都讓你在一頁內(nèi)看到。這對于響應(yīng)式頁面來說是大忌,或者說是更本搞不了的。2.這個是要看你做的頁面類型。比如說,內(nèi)容型的網(wǎng)站,確實很適合響應(yīng)式的頁面,但是具有一定功能性的網(wǎng)站就不一定適合了。 原因:資訊型網(wǎng)站頁面結(jié)構(gòu)比較單一,適合響應(yīng)式的前端頁面內(nèi)容微調(diào)。而具有一定功能型的網(wǎng)站對于頁面的整體排版和樣式要求較高。--------------------------------我是華麗的分割線---------------------------------對于響應(yīng)式頁面,很多人都以為是一種網(wǎng)站跨平臺的解決方案。但是對于絕大部分的網(wǎng)站來說,其實就是一種排版技巧。只是這種排版技巧帶有很多的細(xì)節(jié)調(diào)整。響應(yīng)式頁面的優(yōu)點1.跨平臺。 在手機(jī),pad,電腦上均有不俗的表現(xiàn)。2.節(jié)省人力開發(fā)成本。 不再需要有人特地維護(hù)PC頁面,移動頁面。3.表現(xiàn)力一致 在不同的平臺上看到的東西都是基本一致的,會讓感覺體驗良好。響應(yīng)式頁面的缺點1.自由度太低,局限性較大。 你需要考慮在手機(jī),pad,PC上三種屏幕下的頁面內(nèi)元素的呈現(xiàn),會導(dǎo)致有著非常大的局限,比如說我在PC上是橫向滑動的通欄圖,但是在手機(jī)和pad就是不用的。所以,你就只能用一張單一的圖或者一組靜態(tài)圖來表達(dá)。2.頁面會比較大,在當(dāng)前國內(nèi)渣渣2G,3G網(wǎng)絡(luò)下打開速度會比較慢。 由于響應(yīng)式頁面是同時下載多套CSS樣式代碼,可能在手機(jī)上就下載PC/pad的冗余代碼,其實毫無意義,而且浪費了流量資源。3.對于非webkit內(nèi)核的瀏覽器支持極差(IE6,7,8等就直接悲劇了)。 對于非webkit內(nèi)核的瀏覽器,比如說Windows Phone手機(jī)上用的IE瀏覽器,完全就悲劇了,徹底看不了。不過還好,現(xiàn)在的IOS,Android都是webkit內(nèi)核,至少在80%以上的手機(jī)上可以有良好的呈現(xiàn)。--------------------------------我是華麗的分割線---------------------------------目前國內(nèi)做響應(yīng)式頁面比較好的網(wǎng)站PingWest中文網(wǎng)國外比較好的Breaking News, Analysis, Politics, Blogs, News Photos, Video, Tech ReviewsWebflow當(dāng)然,你還可以看看Media Queries這個網(wǎng)站基本羅列了國外的一些比較優(yōu)秀的響應(yīng)式頁面的站點??梢越o你一些設(shè)計時的啟發(fā)。----------------------------------2014.02.15更新-----------------------------------響應(yīng)式頁面的前端展現(xiàn)其實目前有2種(我意淫的)。第一種,純粹的響應(yīng)式頁面,屏幕尺寸涵蓋從PC→手機(jī)屏幕的全尺寸。eg:以上例子中的 >time.com、 >webflow.com就是我們傳統(tǒng)的響應(yīng)式頁面,不管用戶是什么設(shè)備,我都給他提供一套CSS樣式,這套CSS樣式里面有PC版,pad版,手機(jī)版。這種是目前國外灰常流行的響應(yīng)式頁面,因為國外的瀏覽器市場情況是,chrome/firefox等高版本瀏覽已經(jīng)占據(jù)主流,IE6,7等已經(jīng)越來越少,基本可以不再提供支持。第二種,殘疾版響應(yīng)式頁面,PC是獨立的一套獨立的頁面,移動設(shè)備是另一套獨立的頁面。eg:搜狐的文章最終頁克里:美絕不想遏制中國 應(yīng)為大國關(guān)系樹立榜樣(可恥的說自家產(chǎn)品) 網(wǎng)易的文章最終頁ipad版(原諒我沒有例子)就是現(xiàn)在國內(nèi)這種殘疾型的響應(yīng)式頁面,由于我們海量的用戶還在使用IE6這種高(keng)端( ** )產(chǎn)品,導(dǎo)致我們不得不在PC頁面上對IE系列有良好的支持,這就代表以CSS3和html5等新特性不能在PC頁面上展現(xiàn)。與此同時,由于國內(nèi)三大運營商給(nao)力(can)的網(wǎng)絡(luò)速度,導(dǎo)致用戶要是訪問傳統(tǒng)的響應(yīng)式頁面會下載較多的資源,用戶打開網(wǎng)頁的速度會比較慢。所以,第二種殘疾版響應(yīng)式頁面就有了存在的價值。以上,灰常感謝。