響應(yīng)式網(wǎng)頁設(shè)計是我們多屏幕問題的一個很好的解決方案，但是從打印的角度來看，它是困難的。沒有固定的頁面大小，毫米或毫米，沒有物理限制來對抗。隨著越來越多的小工具可以打開網(wǎng)站，Google桌面和手機(jī)的設(shè)計也是過去的。因此，讓我們澄清一下響應(yīng)式網(wǎng)頁設(shè)計的一些基本原則，以便擁抱流暢的網(wǎng)絡(luò)，而不是與之相沖突。為了保持簡單，我們將專注于布局響應(yīng)對比自適應(yīng)網(wǎng)頁設(shè)計,它可能看起來一樣，但不是。這兩種方法相互補(bǔ)充，所以沒有對錯的方法，一切內(nèi)容決定。

  1.流量
  隨著屏幕尺寸變小，內(nèi)容開始占據(jù)更多的垂直空間，下面的任何東西都會被推下來，這被稱為流程。如果您習(xí)慣于使用像素和點(diǎn)進(jìn)行設(shè)計，那么抓握可能會很棘手，但是當(dāng)您習(xí)慣使用它時，可能會很有意義。

  2.相對單位
  畫布可以是桌面，移動屏幕或其間的任何東西。像素密度也可以有所不同，所以我們需要靈活的單位，無處不在。那就是百分比相對單位派上用場。所以做一些50％的寬度意味著它總是占用一半的屏幕（或視口，這是打開的瀏覽器窗口的大?。?。

  3.斷點(diǎn)
  斷點(diǎn)允許布局在預(yù)定義點(diǎn)更改，即在桌面上具有3列，但在移動設(shè)備上只有1列。大多數(shù)CSS屬性可以從一個斷點(diǎn)更改為另一個斷點(diǎn)。通常你放在哪里取決于內(nèi)容。如果一個句子中斷，您可能需要添加一個斷點(diǎn)。但是請謹(jǐn)慎使用它們-當(dāng)很難理解什么是影響什么時，它可能會很快發(fā)生。

  4.最大值和最小值
  有時，內(nèi)容占用屏幕的整個寬度，如在移動設(shè)備上，但是具有延伸到電視屏幕的整個寬度的相同內(nèi)容通常不那么有意義。這就是為什么Min/Max值有幫助。例如，寬度為100％，最大寬度為1000px將意味著內(nèi)容將填滿屏幕，但不要超過1000px。

  【溫馨提示】文中部分文字圖片來源網(wǎng)絡(luò)，版權(quán)歸屬原作者，若有不妥，請聯(lián)系告知修改或刪除，謝謝！