響應式設計的困惑

2022-09-12 00:12:24 字數 716 閱讀 9202

縱觀現在國外的**,基本上都採取清一色的響應式設計(responsive web design)

優點自然不必說:

可用性,不管什麼解析度都可以完美適應

內容重複,可以保證所有版本的**一致,對於搜尋引擎更加友

當然我想說的非優點,而是來講一講rwd的缺點

也是我們要主張使用rwd重構你的**的時候困惑的地方

在前期的開發上面,相比固定的布局,需要多出很多的時間

冗餘的**比較鑫,這樣在移動端載入的速度較慢

除上面所說的缺點,還有乙個非常致使的問題

當我們採取響應式設計的時候只是從我們角度去考慮

如果我們站在使用者的角度去看

很多忠實的使用者或者是偏執的使用者

一種情況,當他使用pc端訪問你的乙個頁面的時候,在他縮小視窗的時候,看到你**的內容變化,這會使他非常緊張,有些使用者甚至會直接以為自己的瀏覽器出問題了

另外一種情況,比如他正在看你的網頁的內容,但是想縮小視窗處理一下其他的任務,這個時候可能他正看的內容也發生了變化,可以想象他當時的心情,他又不得不把視窗拉大,但是他又幹不了別的事情,多麼抓狂的感覺

這個就類似於當使用者使用移動端訪問你的m.***.com的時候,您肯定會提示他是否需要訪問桌面版,這樣給使用者多乙個選擇,是非常有必要的。

不知道您怎麼看?

響應式設計

響應式設計 樣式設計適應各種不同解析度尺寸 學習1.css3 media queries 2.樣式覆蓋 考 the orientation media query 一文。我們可以建立多個樣式表,以適應不同裝置型別的寬度範圍。將多個media queries整合在乙個樣式表檔案中 50 smartph...

響應式設計

響應式設計簡單說呢就是針對不同的螢幕解析度應用不同的css樣式,這裡有兩個關鍵點 一是如何在不修改dom結構的前提下調整布局 二是如何判斷螢幕解析度並應用對應的css 以上兩點應該不依賴於js.1 實現第一點依靠的是流式布局,就是所有參與布局的div都用float left,寬度都用百分比表示 圖一...

響應式設計

響應式設計就給不同解析度設計不同 顯示合理美觀 的樣式,也就是說設計師多設計幾套樣式,在使用者訪問的時候,根據使用者使用的螢幕解析度展現給使用者相應的頁面 呼叫相應的樣式 一 設計師了解市面上所使用的解析度,收集資訊 二 設計師根據不同解析度給頁面設計不同的樣式 三 呼叫樣式 1 直接在同個樣式樣式...