我在优化页面以适应更小的屏幕分辨率时遇到问题。当我打开浏览器窗口（谷歌浏览器）并缩小它时，菜单栏会弹出到第二行，然后顶部就没有空间了。我希望徽标左侧的黑色区域首先缩小以与内容框对齐，然后只有在没有更多空间容纳内容时，顶部也没有更多空间用于徽标和菜单......但是我想知道如何实现这一目标？感谢帮助！
网址： http: //quaaoutlodge.com/drupal-7.14/ ?q=lodge
问问题
80 次
2 回答
1
您可能想要使用 CSS3 媒体查询。使用它们，您可以为不同的浏览器尺寸指定单独的样式。您可以在此处找到有关响应式设计的更多信息：http: //www.w3.org/TR/css3-mediaqueries/#width
于 2012-08-16T13:33:20.110 回答
0
实际上，我必须删除徽标左侧的内部填充，而是为“toplogo”提供固定宽度（以像素为单位），并在两侧设置自动边距以使其在页面上居中。这似乎给了我我想要的东西。
于 2012-08-16T13:43:32.107 回答