Css - 流體佈局，以每個確定的寬度更改網站外觀

Question

我試圖在導航欄上工作得非常像http://seesparkbox.com/ 一般，當用戶在計算機瀏覽器中查看頁面時窗口，我希望導航完全水平。但是，如果用戶正在從較小的寬度（導致導航欄換行）查看導航，我想通過將公司徽標放在導航文本頂部來重新設置導航欄的格式，並使導航文本（鏈接）的大小更小以適應瀏覽器大小。

我只是需要一點點正確的方向。如果有一個簡單的答案，那麼很好，我真的很感謝幫助，如果沒有一個教程，你知道這可以幫助我，我也會很感激。

我還是比較新的CSS。

Answer 1

對於Fluid layout，您可以使用% width和media Query。

閱讀這些文章，更

http://css-tricks.com/6206-resolution-specific-stylesheets/

http://css-tricks.com/138-the-perfect-fluid-width-layout/

Answer 2

像這樣的東西應該做的伎倆。這將基於3個寬度切換：

<link href="mobile.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 0px) and (max-width: 320px)" > 

<link href="screen.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 769px)" > 

<link href="pad.css" rel="stylesheet" type="text/css" media="only screen and (min-width: 321px) and (max-width: 768px)" > 

希望這有助於！

謝謝！