A.
縮放、流式布局與響應式
這些術語容易造成混淆,設計師常常錯誤地交替互用。實際上,每個都是布局技巧的顯著進化過程,像技術演進那樣逐一顯現。
縮放布局,旨在相對縮放每一個元素。它們會隨著窗口大小變化動態縮放內容,就這方面而言,它們是響應式的。布局本身保持靜止,通過改變每一個元素來保持一致的表現。
流式布局就不一樣,因為它們隨著窗口尺寸縮放容器元素。通過em這類相對單位可以做到這點,克服了縮小文字的問題。用戶主動縮放時,設計就被破壞了。
深(shen)圳(zhen)響應式(shi)網站制作(zuo)不(bu)會縮放任何東西。相(xiang)反,它會根據(ju)窗口(kou)尺(chi)寸決定顯示哪(na)些(xie)內容(rong)。
B.
元素的扭曲
這有點晦澀難懂,但本質上,布局顯示在小窗口上的時候,所有未經處理的列都會以行的形式呈現。這是個問題,因為內容的扭曲會不經意地改變設計的層級。
響應式網站(zhan)制作公司盛世(shi)傳(chuan)媒的(de)解決方法顯而易見(jian),但令人(ren)驚奇的(de)是,仍有很(hen)多(duo)人(ren)在糾結它(ta):只(zhi)要明確地設定元(yuan)素的(de)寬度、高度、內邊距。如(ru)果它(ta)移(yi)出所處(chu)位置,蓋住了(le)其他元(yuan)素,可以通(tong)過將它(ta)包裹在div容(rong)器中,設置外邊距,迫(po)使它(ta)回到原本的(de)地方。
C.
縮放、流式布局與響應式
內容區域通常都隨窗口尺寸變化。所以當固定寬度圖片超出顯示區域時,圖片就被裁剪了。
通過給圖片設定相對單位,可以避免這個問題。或者使用支持響應式的框架(比如Bootstrap),使用響應式圖片class名來控制(例如 class=”img-responsive”)。
屏幕(mu)大小和分辨(bian)率的多(duo)樣化,并不是開發響(xiang)(xiang)應(ying)式(shi)移(yi)動網頁設(she)計(ji)技(ji)術的原(yuan)因。深圳響(xiang)(xiang)應(ying)式(shi)網站(zhan)建設(she)公司盛世傳媒采用(yong)了響(xiang)(xiang)應(ying)式(shi)設(she)計(ji),就無需(xu)為(wei)不同設(she)備設(she)計(ji)不同的網頁布局。除(chu)此之(zhi)外,由于(yu)網站(zhan)只有(you)一個URL,用(yong)戶可通過(guo)平板電(dian)腦或(huo)智能手機輕松、直接訪問,避免(mian)了一次次重定向的煩惱(nao)。