优化我的页面以获得更小的屏幕分辨

时间:2012-08-16 13:29:24

标签: css drupal html

我遇到了针对较小屏幕分辨率优化页面的问题。 当我拿起我的浏览器窗口(谷歌浏览器)并缩小它时,菜单栏会弹出第二行,然后就会没有更多的空间。我希望徽标左侧的黑色区域首先缩小以与内容框对齐,然后只有一次没有更多的内容空间,顶部的徽标和菜单也没有空间......但是我怎么能得到这个我想知道? 谢谢你的帮助!

网址: http://quaaoutlodge.com/drupal-7.14/?q=lodge

2 个答案:

答案 0 :(得分:1)

您可能想要使用CSS3媒体查询。使用它们可以为不同的浏览器大小指定单独的样式。 有关响应式设计的更多信息,请访问:http://www.w3.org/TR/css3-mediaqueries/#width

答案 1 :(得分:0)

我实际上不得不删除徽标左侧的内部填充,而是给“toplogo”一个固定宽度(以像素为单位),两侧都有自动边距,使其在页面上居中。这似乎给了我正在寻找的东西。