无法以响应方式正确居中页脚div

Question

这是包含HTML文件和CSS的GitHub的链接。 https://github.com/xenophenes/pgopen-splash2016

问题在于页脚文本，我无法弄清楚如何正确居中页脚（当您调整浏览器大小时，它会保持略微关闭并获得更多关闭）。有人可以协助排除故障吗？

谢谢！

Answer 1

问题出在CSS的#footer的@media段中。

这里说的是，如果max-width是X，则执行此大小调整：

@media screen and (max-width: 1680px) {

            #footer {
                bottom: 2em;
                left: 3.5em;
            }
        }

只需删除它......

@media screen and (max-width: 1680px) {

            #footer {
                bottom: 2em;
            }
        }

在这里：

@media screen and (max-width: 736px) {

        #footer {
            text-align: center;
            bottom: 2em;
        }

以下是提琴手链接：https://jsfiddle.net/3yLpsLwq/