html - 坚持在移动设备上对齐,在桌面上完美运行

标签 html css mobile mobile-website

我有点受困于 W3 的模板。该网站在所有方面都按预期工作,除了移动浏览器上的一个故障,这些框的对齐方式:

Mobile screenshot

CSS ID 是 .banner-bottom。

网页链接:http://www.finglascelticfc.com/test/index.html

能否请您指出正确的方向,如何在移动设备上将这些框居中?非常感谢任何帮助!

最佳答案

如果您只想在移动设备上将这些框居中,请提供 .banner-bottom width: 100%;。将它放在移动媒体查询中,因为它会弄乱较大尺寸的布局。

关于html - 坚持在移动设备上对齐,在桌面上完美运行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48481578/

相关文章:

html - 隐藏文本的 CSS 按钮操作

javascript - 获取切换以向上而不是向下插入内容

javascript - 如何使用多个选择选项显示/隐藏 div

Android 模型 - 用于游戏开发的 ARMv6 和 ARMv7 设备?

javascript - 适用于 JavaScript 的 Google IMA SDK 重叠式广告和全幅广告引用

css - 强制应用媒体查询

css - 覆盖 CSS 媒体查询

css - 保持 wordpress 子菜单打开几秒钟

ruby-on-rails - Rails JSON API oauth 身份验证

ios - Meteor Cordova 图标和启动画面未显示