液體佈局：如何

Question

如果我用百分比標出所有div，它們會很好地填滿所有空間。我現在面臨兩個問題：

）圖像尺寸：如何定義圖片大小，使它們不會變得比想作爲調整窗口大小

B大或小）字體大小：怎樣使字體大小根據分辨率增加或減少 - 應該這樣做嗎？ （我面臨的問題是文本在非常高的分辨率下變得難以辨認）

請給我一個關於如何製作液體佈局的好參考。

Answer 1

關於B點）是，恕我直言，好的做法是使用相對字體大小，而不是絕對的，從而使字體相比，瀏覽器的基礎設置的大小（I」從你的問題猜測，你使用的是點或像素大小，是嗎？）。當然，您有標題標籤，但是您也具有字體大小的CSS屬性以及以％或ems爲單位設置字體大小的功能。你有一個很好的理由使用相對大小 - 在高分辨率顯示器上，這可以使絕對大小的字體無法讀取（我曾經看到，在過去，當14「800x600顯示器是標準的，一個網站呈現的大小約爲火柴盒上的高分辨率21「顯示器）。還有「禮貌」和可訪問性的問題 - 用戶可能會因爲個人喜好和/或可訪問性問題而將其瀏覽器基本字體大小設置得更大或更小，並且將其重寫爲任意大小似乎對我而言，是個好主意。

對這個頁面的字體大小部分讀： http://www.w3schools.com/css/css_font.asp

如果你需要一些實際的例子，那麼請發表你的位代碼和CSS。

Answer 2

好文章在這裏 http://www.kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/

Answer 3

了）我喜歡使用這個

img { 
    width:100%; 
    max-width:400px; 
} 

那麼，如果你需要，在舊的瀏覽器添加多個JavaScript修復的一個最大寬度。