確定像素，百分比和元件尺寸在CSS樣式

Question

這是你web開發鄉親在那裏一個一般性的問題。我已經看到很多CSS，其中有像「填充」和「高度」等CSS元素的非常具體的像素或百分比計數。經驗豐富的網頁開發人員似乎真的認同他們內容的定位。我發現做一件簡單的事情就像將一個元素居中放置在屏幕的中間那樣簡單，但是在我正確使用之前，需要在我的風格中使用不同的px或％值進行大量的「填充 - 左側」或「高度」它只是感覺笨拙。

所以我想知道，是否有一些經驗法則或指導原則，您在構建網頁時都遵循選擇px或％值的規則？

Answer 1

使用百分比對應於流體設計，從而創造了網頁將響應性的。使用像素就像使用固定值一樣，網頁不會響應。這種設計模式將適用於旨在保持固定大小的網頁。對於響應式設計，使用引導是很好的，因爲他們已經完成了大部分CSS處理工作（實際上針對不同的屏幕尺寸和分辨率），我們只需要根據需要使用適當的CSS類。這樣做，網頁將會響應。

它建議使用響應式設計，走％的值，使網頁不適合不同的屏幕尺寸和分辨率打破。