html - 如何在响应式网页上以 Logo 为中心

标签 html css google-chrome

我制作了一个响应式网页,其中心位置有一个 Logo 。我可以使用诸如 logo {width: 615px; 之类的 css 来做到这一点。 margin: 0 auto} 在 firefox 和 opera 浏览器中运行良好。但它在 chrome 浏览器中效果不佳。它在 chrome 浏览器中稍微向左移动。我希望 Logo 始终显示在 firefox、opera 和 chrome 的中心位置(桌面和移动)。我该如何解决?本网页右侧有一些内容供您引用。

演示:https://dl.dropboxusercontent.com/u/211935016/mobile_responsive/index.html

最佳答案

删除 overflow: hidden ,你并不真正需要这个标志。这应该可以解决问题。

.fix{
    overflow: hidden;
}

关于html - 如何在响应式网页上以 Logo 为中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25812945/

相关文章:

css - Chrome 自动刷新 css/less 更改

html - Video.js - 自动播放和循环无法在手机上运行

html - 按钮文本位置与浏览器不同

html - 背景图像渐变不适用于 ie9

css - 以编程方式更新字段时如何删除自动填充突出显示?

html - 选择具有特定类的最后一个元素

Javascript 选项卡使用数据属性而不是 ID 来链接按钮和选项卡

javascript - jQuery Datatables,使用文本框编辑选定行的 td

css - 固定 div 垂直和右对齐到另一个 div

firefox - Chrome 和 Firefox 不会在 iframe 中显示大多数 PDF 文档