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

标签 html css google-chrome

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

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

最佳答案

删除溢出:隐藏你不需要的标志。那应该可以解决问题。

.fix{
    overflow: hidden;
}

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

相关文章:

javascript - jQuery 工具可滚动宽度 100%

javascript - 尝试使用 vanilla javascript 使我的导航栏移动友好

html - 在宽屏显示器上,Chrome中的网站布局突然发生了变化

html - 如何在HTML页面中的DIV标记后放置阴影线

python - 为 html 表提取 lxml xpath

javascript - jQuery - 将事件类添加到菜单中的子菜单

html - 可见度:可见和YouTube

regex - 正则表达式浏览器搜索?

javascript - WebView 加载 HTML 但不显示

javascript - 点击图片并更改文字