Css-流畅的布局，根据确定的宽度改变网站的外观

我试图在一个导航栏上工作，就像在 通常，当用户在计算机浏览器窗口中查看页面时，我希望导航完全水平

但是，如果用户从较小的宽度查看导航（导致我的导航栏出现换行），我希望通过将公司徽标放在导航文本的顶部，并使导航文本（链接）的大小变小以适应浏览器的大小，来重新格式化导航栏

我只需要一点正确的方向。如果有一个简单的答案，那就太好了，我真的很感谢你的帮助，如果没有，如果你知道有一个教程可以帮助我，我也会很感激

---

我对css还是相当陌生。

您可以将

%width

与

媒体查询一起用于
流体布局

阅读这些文章了解更多信息


像这样的东西应该可以奏效。这将基于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)" >



希望这有帮助

谢谢