调整浏览器窗口大小时防止页脚内容移动

时间:2015-07-10 21:46:26

标签: html css

我查看了很多线程并了解了宽度和显示标签(min,max,block inline,inline-block和table等),但是我在尝试解决这个问题时遇到了很糟糕的时间我的页脚的问题。当我调整浏览器窗口的大小时,页脚中的所有内容都会崩溃。

有人可以查看我的标记,让我知道我需要在CSS中添加什么来解决这个问题。

基本上,我希望浏览器窗口能够传递内容,所有内容都会被集中修复......当窗口全尺寸时,它的外观,布局如何。

谢谢!

网站:http://mixititb.com/Z_Test_Site/index.html

编辑;

我看到的两个问题是当你改变窗口大小时,页脚本身就会崩溃,也许会使内容堆积起来。因此,这将是第一优先修复,然后对齐内容中心。

对于这两个问题,我真的感到非常感谢并帮助新手解决这个问题。感谢您检查我的代码!

编辑2;

用overflow-x:hidden固定页脚大小;对于fix_footer类! :)

所以,现在我们/我只需要弄清楚为什么在调整窗口大小时内容会崩溃。任何接受者? :):)

编辑3;

@ PeeHaa,easwee,mario,user35443,Starkeen ...请放弃这个,我不确定如何编辑问题,因为我自己修复了一些问题,并且在这些问题的帮助下也是如此下面,但仍有一些,所以没有想问另一个问题。谢谢,谢谢!

编辑4;

通过使用类重组HTML结构化div并将.container设置为white而不是页脚本身来修复。使用一类容器设置所有主要div(即导航,内容和页脚)允许按照CSS中设置的宽度对页脚进行固定缩放。

感谢大家的帮助!

1 个答案:

答案 0 :(得分:0)

在Google上搜索媒体查询,并使用text-align:center或margin:0 auto将元素居中,如果elem浮动,请使用clearfix。

你的页脚大约900px。

示例:

@media screen and(max-width:900px){     以你的元素为中心 }