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 - Windows Phone 8.1 Cordova 滚动

css - Chrome 中的不透明度转换无法获得 60fps

javascript - Chrome 扩展程序将消息传递到后台页面

html - vue bootstrap中的卡填充问题

html - CSS 两列布局打破了第一列的最后一个 div

html - 如何实现2行+1列的网格布局

javascript - 通过在 textarea 上编辑文本来编辑 CSS?

javascript - 隐藏的 Jquery 不适用于 css 动画

php - session_regenerate_id 和 Chrome 预取/渲染问题

html - 带有滚动内容的固定标题?和小的 css 问题