一、響應式網站建設設計 vs 適應式設計
看(kan)似相(xiang)同實則不然(ran)。這兩種設計方式彼(bi)此相(xiang)輔相(xiang)成，所以(yi)說(shuo)也沒有對錯之(zhi)分。具體情況(kuang)要依內(nei)容而(er)定。

二、內容流
隨著屏幕尺寸越來(lai)越小，內(nei)容(rong)所占的垂直空間也越來(lai)越多，也就(jiu)是說，內(nei)容(rong)會向下(xia)方延伸，這就(jiu)叫做內(nei)容(rong)流(liu)。如(ru)果(guo)你(ni)習(xi)慣了使用像素和點(dian)(dian)進行設計，可能會覺得這個有(you)點(dian)(dian)難掌(zhang)握(wo)。不過沒關系，習(xi)慣了就(jiu)很好理解了。

三、相對單位
你的(de)設計對(dui)象可能是(shi)臺式(shi)桌面，也可能是(shi)移動端屏(ping)幕(mu)或者(zhe)(zhe)介于兩(liang)者(zhe)(zhe)之間的(de)任意屏(ping)幕(mu)類型。像素密度也會彼(bi)此不同，所以我們(men)需要(yao)使用靈活可變，并且能夠(gou)適應各種情(qing)況的(de)單位(wei)。那么在這種情(qing)況下，百分比等相對(dui)單位(wei)就(jiu)派(pai)上用場了。使用百分比時，我們(men)說寬度50%就(jiu)是(shi)表示寬度占屏(ping)幕(mu)大小（或者(zhe)(zhe)叫(jiao)視區，也就(jiu)是(shi)指所打開瀏(liu)覽器窗口的(de)大小）的(de)一半。

四、斷點
斷(duan)點(dian)可(ke)(ke)以讓頁面布局在預(yu)設的點(dian)進行變(bian)形，也(ye)就(jiu)是說，在臺式桌面上顯示3欄，在移動(dong)設備上僅顯示1欄。大多數(shu)CSS屬性都可(ke)(ke)以實現斷(duan)點(dian)之間的變(bian)形。斷(duan)點(dian)放置(zhi)的位(wei)置(zhi)通常(chang)取決(jue)于內容。比如，如果一(yi)句話要(yao)(yao)(yao)換行，你(ni)可(ke)(ke)能(neng)就(jiu)需要(yao)(yao)(yao)加上斷(duan)點(dian)。但斷(duan)點(dian)使用時需要(yao)(yao)(yao)謹(jin)慎——如果搞不(bu)清內容之間的邏輯(ji)關系，很容易(yi)弄的一(yi)團亂。

五、最大和最小值
有時候(hou)內容占滿整(zheng)個(ge)屏(ping)幕寬度（例如在(zai)移動設備上(shang)）是好事，但如果相同的(de)(de)內容在(zai)電視屏(ping)幕上(shang)也撐得滿滿的(de)(de)，貌(mao)似(si)就不太合(he)理了。這就是為什么(me)(me)要有最(zui)大(da)/最(zui)小值。例如，如果寬度為100%，最(zui)大(da)寬度1000px，那么(me)(me)內容就會以不超(chao)過1000px的(de)(de)寬度填充屏(ping)幕。

六、嵌套對象
還記得相(xiang)對位(wei)置嗎？如果一大堆要素(su)彼(bi)此(ci)都(dou)緊密聯系，那(nei)么(me)必將難以控制。因此(ci)，將要素(su)放(fang)置到容器中就會讓(rang)它們變得更加(jia)好理(li)解，并且簡(jian)潔明(ming)快。這種情況(kuang)就需要用到像素(su)之類的靜態(tai)單位(wei)了。靜態(tai)單位(wei)對于logo和按鈕等不需要擴展的內(nei)容來說(shuo)非常(chang)有用。

七、移動優先還是臺式桌面優先
嚴格來說，項目(mu)從(cong)小(xiao)屏(ping)(ping)幕(mu)入手(shou)(shou)過(guo)渡(du)(du)到大(da)屏(ping)(ping)幕(mu)（移動(dong)優先），還(huan)是(shi)(shi)從(cong)大(da)屏(ping)(ping)幕(mu)入手(shou)(shou)過(guo)渡(du)(du)到小(xiao)屏(ping)(ping)幕(mu)（臺式桌面優先）區別(bie)不大(da)。但是(shi)(shi)，從(cong)移動(dong)端著手(shou)(shou)可(ke)以給(gei)你(ni)帶來一些額外的(de)限制，幫(bang)助(zhu)你(ni)進行決(jue)策。通常情況下大(da)家會從(cong)兩方面同時(shi)著手(shou)(shou)，所(suo)以你(ni)還(huan)是(shi)(shi)要(yao)看哪種方式最適合你(ni)。

八、網站字體 VS 系統字體
想(xiang)讓自己的網站擁有炫酷(ku)的Futura或(huo)Didot效(xiao)果嗎？那就(jiu)是用(yong)(yong)web字(zi)體吧。盡管web字(zi)體看起來很炫酷(ku)，但你要(yao)記住，這些字(zi)體都需要(yao)用(yong)(yong)戶下載(zai)，字(zi)越多(duo)(duo)，用(yong)(yong)戶加載(zai)頁面的時間也就(jiu)越長。另一方面，系統字(zi)體加載(zai)速度則快得多(duo)(duo)（前提是用(yong)(yong)戶本機就(jiu)有），但太過普通。

在國內企業網站方面發展迅猛，區別一般網站和響應式網站最簡單的方法就是測試是否能夠兼容其他終端設備，如手機端、智能平板及尺寸不一的筆記本。所謂響應式網站就是能夠同時兼容上述設備的網站，在技術上更為先進，將該技術運用于企業網站能夠大大提升企業形象，提升網站用戶體驗度。能有效抓住一些其他終端的潛在客戶，更重要的一點就是，可以隨時隨地向客戶展示自己的網站。