css - 如何在小屏幕上将水平滚动条居中

标签 css scroll

我在为小屏幕制作屏幕中心时遇到问题

我已经在 photoshop 中设计了 1500 像素宽的长页面并切成表格。

我使用以下代码将我的页面居中

width:1500px;
margin: 0 auto ;
position:relative;

为了使其居中,它在大屏幕上很好,但在小屏幕上会出现水平滚动条,它全部向左,我想默认在中间,我可以使用 overflow x hidden 将其删除。

最佳答案

你的代码有问题,你使用了 标签并给出了 1500 的宽度(不是动态的)我也有容器(#index-07_,#container12 ) 风格为

width : 1500px

而不是使用

max-width:1500px

更改它们并添加样式(显然不是好的选择;您可以选择特定的图像标签,但为了快速修复它对您有用)

img{width:100%}

希望对你有用

关于css - 如何在小屏幕上将水平滚动条居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30339912/

相关文章:

javascript - 当字段值无效时表单提交

html - 图像周围有白色边框

jquery - 如何在单击时替换 h3 标签中的文本而不更改其中的其他内容?

jquery - 水平滚动 Jquery 隐藏/显示滚动箭头

ios - 可以向上滚动具有几行的 Swift TableView

javascript - 路口观察器(滚动动画)不工作

javascript - Mobile Safari 滚动到底部以加载更多内容,例如 Facebook

javascript - 滚动窗口直到使用 selenium/javascript 将元素加载到页面中

html - 更少的 mixin 或选择器根据兄弟索引改变位置?

css - Foundation (Zurb) 的宽屏行