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

时间:2015-12-01 23:11:06

标签: html css

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

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

谢谢!

1 个答案:

答案 0 :(得分:0)

问题出在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/