應該如何制作自适應網頁？

什麽是自适應網頁？
  自适應網頁隻能根據用戶行爲和設備環境進行布局。 這個概念是在2010年5月提出的。簡單來說，網頁可以根據浏覽界面的大(dà)小(xiǎo)顯示自己，從而可以使用戶在浏覽網站時獲得更好的體(tǐ)驗。
  那我(wǒ)們該怎麽辦呢？
  1.設置元标記
  通常，移動終端主要基于手機，因此該代碼不能與視口元代碼分(fēn)開(kāi)。 如圖所示：
  2.使用媒體(tǐ)查詢
  媒體(tǐ)查詢隻是希望成爲網頁和浏覽器之間的中(zhōng)介。 他可以告訴浏覽器如何使網頁更好地顯示。 如圖所示：
  3.字體(tǐ)适應
  通常，網站中(zhōng)使用的字體(tǐ)單位主要是PX（像素）。 盡管這是事實，但對于自适應網站，他需要自适應的自适應字體(tǐ)。 該字體(tǐ)應與他的父容器的寬度有關，以便它可以适應移動屏幕。  css3引入了一(yī)個稱爲rem的新單元，類似于em，但是rem使用起來更方便。  rem是相對于根元素的。 編寫代碼時，請不要忘記根元素的字體(tǐ)大(dà)小(xiǎo)。
  4.響應圖片
  對于圖片，我(wǒ)們可以通過CSS樣式的max-width控制圖片的最大(dà)寬度，如下(xià)圖所示：
  像背景圖片一(yī)樣，它可以通過background-size設置，background-size是css3的新屬性，用于設置背景圖片的大(dà)小(xiǎo)，有兩個可選值，第一(yī)個值用于指定圖片的寬度 背景圖像，第二個A值用于指定背景圖像的高度。 如果僅指定一(yī)個值，則另一(yī)個值默認爲自動。 背景大(dà)小(xiǎo)：cover; 按比例擴大(dà)圖片以填充元素； 背景大(dà)小(xiǎo)：包含； 按比例縮小(xiǎo)圖片以适合元素的大(dà)小(xiǎo)。
  最後，編輯要強調的是，響應式網頁的寬度不應固定。 最好使用百分(fēn)比。 如果有任何意見或錯誤，希望大(dà)家關注并留言！