Css 菜单和图像的一些调整大小问题

在过去的几天里，我一直在思考和制作一个网站。当我尝试调整大小时，我发现这个网站做得并不好。我认为这个网站应该从1024到768甚至更高

因此，当将下面的页面调整到最小尺寸时，您会看到顶部菜单将被挤压在一起。即使所有菜单项都有足够的空间。另外，我想让图像的大小得到适当的窗口大小

这里是链接

有人能帮我给我一些实用的建议吗？ 我应该使用jquery之类的工具来调整大小吗？或者我可以在css中修复这些问题吗

---

非常感谢

在style.css中，

ul#primary li a{}

有一些固定的宽度

将此宽度更改为某个

%

值。并添加一些

min width

，以便在调整一定大小后，宽度不会进一步减小

改变

ul#primary li a {
    display: block;
    float: left;
    margin: 0;
    padding: 20px 20px 11px;
    width: 192px;
}

到

---

在style.css文件中。

看起来不错，只有我的“行动呼吁”按钮做了奇怪的事情。它浮动到下一行。这是操作按钮，下一个和上一个？？当您将鼠标悬停在图像上时，您会看到这些按钮工作不正常。他们封锁了菜单。请检查用于这些按钮的java脚本或插件。这些按钮是纯html/css无脚本。当把它们拿出来时，行为是一样的！

ul#primary li a {
    display: block;
    float: left;
    margin: 0;
    min-width: 100px;
    padding: 20px 20px 11px;
    width: 20%;
}