css - 针对较小的屏幕分辨率优化我的页面

标签 css drupal html

我在针对较小的屏幕分辨率优化我的页面时遇到问题。 当我打开我的浏览器窗口 (Google Chrome) 并缩小它时,菜单栏会在顶部没有更多空间之前弹出到第二行。我希望 Logo 左侧的黑色区域首先缩小以与内容框对齐,然后只有在没有更多空间容纳内容时,顶部也没有更多空间容纳 Logo 和菜单...但是我想知道如何才能实现这一目标? 感谢您的帮助!

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

最佳答案

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

关于css - 针对较小的屏幕分辨率优化我的页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11988247/

相关文章:

mysql - 开发显示查询

mysql - 找不到匹配的 SQL 类。 Drush 找不到您的数据库连接。错误

javascript - 如何在没有 src 属性的情况下在 iframe 中设置 div?

css - 如何在导航栏上设置背景图片?

javascript - 可以将 "listen"设置为 DOM 元素的 CSS 值并告诉另一个 DOM 元素匹配它吗?

php - 仅显示当前帖子的分类术语 (Drupal)

html - Bootstrap 网站图像不完美排列

html - Bootstrap 将一张图片放在另一张图片上?

html - 奇怪的 TABLE 大小调整行为

jquery - 不同浏览器中的边框底部 Accordion 面板