html - Firefox 中的 Flexslider 关闭屏幕

标签 html css flexslider

我正在为我 friend 的餐厅制作一个网站,我正在实现 Flexslider 插件。 当我在 IE 和 Chrome 中查看它时没有问题,但是当我在 firefox 中查看它时,它似乎离屏幕将近 50%。

这是一个演示,我试着制作一个 fiddle ,但我似乎根本无法让它工作。

Demo

编辑:对未优化的图像感到抱歉

最佳答案

你的 h1 有 display: inline-block。这需要被阻止:

.logo h1 {
    font-size: 2.8em;
    display: block;
}

关于html - Firefox 中的 Flexslider 关闭屏幕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27556288/

相关文章:

css - Angular 2 : Set CSS class from Observable

asp.net 按钮图像对齐

javascript - Flexslider 插件幻灯片出现故障

javascript - 使用 Flexslider 进行哈希 URL 导航

css - Drupal子主题不继承父css

jquery - 在flexslider中动态改变#container div的高度

javascript - 通过 AngularJS 将 ID 应用于选择构建

javascript - 遍历元素列表并隐藏它们

html - 最后禁用自动换行

javascript - 如何使用 javascript 编写 <map> 和 <area> html 标签?