min-width不在整个页面上工作

时间:2014-12-14 09:49:35

标签: html css

在我的网站上,我在我的身体标签中设置了最小宽度760px。出于某种原因,它似乎只适用于页面顶部的导航菜单。轮胎图片,facebook按钮和页脚似乎都是基于手机屏幕大小的中心(见截图),而不是760px。怎么会?非常感谢

body {
    background-color: #fff;
    font-family:'Source Sans Pro';
    font-size: 16px;
    font-weight: 200;
    line-height: 1.38;
    color: #000000;
    min-height: 500px;
    min-width: 760px;
    }

1 个答案:

答案 0 :(得分:1)

您是否希望网站不响应?或响应,以便它都适合视图端口?无论屏幕大小如何,您的具有所有社交链接和您的联系人详细信息的页脚都会居中的原因在于它总是以您的text-align:center Facebook容器为中心。这也是为文本做的,因为它在默认情况下继承了样式。

尝试将身体的宽度设置到页脚容器中并使用好的margin:auto来保持其居中