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

Question

在过去的几天里，我一直在思考并在网站上工作。在玩大小调整时我发现该网站没有做得那么好。我认为该网站应该从1024乘768及以上看起来不错。

因此，当将下面的页面调整为minium维度时，您会看到顶部菜单将被压缩在一起。尽管所有菜单项都有足够的空间。而且我希望图像能够适当调整大小到窗口大小。

这是链接 http://bit.ly/NpE9cF

请有人帮我提一些实用的建议吗？ 我应该用jquery之类的东西来调整大小吗？或者我可以在css中修复这些问题吗？

非常感谢。

Answer 1

在style.css中，ul#primary li a {}有一些固定的宽度。

将此宽度更改为某个%值。并且还添加一些min-width，以便在调整大小后宽度不会进一步减小。

变化

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

到

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

在style.css文件中。