針對不同屏幕分辨率的不同設計

Question

我有一個客戶希望他們的網站轉換爲響應式。他們給我的桌面版本，iPad版本和移動版本的設計。設計有變化。我試圖告訴他們你只需要一種設計，而響應式網站則使用流體網格來完成，這將根據屏幕大小而定。我說得對嗎？

同樣，你會說什麼是完美的響應式設計

Answer 1

我建議你使用zurb基礎或getbootstrap。不過想到是這樣的：如果你的主要焦點是移動我喜歡的基礎，但如果你的主要焦點是桌面，這兩種選擇都是偉大的

Answer 2

您的客戶端是正確的，想象他們的網站從桌面的角度來看，具有例如開始頁面頂部的固定導航欄，下方是用於顯示圖片的圖片輪播，然後在下方顯示主要內容區域。在右側，他們有一個側邊欄和一個Facebook粉絲箱的部分，電子郵件通訊註冊表單。最後是版權和社交圖標的頁腳。

圖像旋轉木馬看起來臺式機和iPad，但縮小到了iPhone上420PX屏幕寬度圖像上偉大的有時是沒有必要的。這是層次結構和媒體查詢的來源，它們用於幫助您僅顯示頁面上最重要的元素。我喜歡引導它是最流行的前端框架之一。它包括HTML，CSS和JS。