坚持使用移动设备，在桌面上完美运行

Question

我有点坚持使用W3的模板。除了移动浏览器上的一个小故障，这些盒子的对齐之外，该网站在所有方面都按预期工作：

Mobile screenshot

CSS ID是.banner-bottom。

Weblink：http://www.finglascelticfc.com/test/index.html

请您指出正确的方向如何将这些盒子放在手机上？非常感谢任何帮助！

Answer 1

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