在我的网站上,我在 body 标签中设置了 760 像素的最小宽度。由于某种原因,它似乎只适用于页面顶部的导航菜单。轮胎图片、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;
}
最佳答案
您是否希望网站不响应?还是响应式以便它全部适合视口(viewport)?无论屏幕大小如何,带有所有社交链接和联系方式的页脚都居中的原因是它始终居中,因为 Facebook 容器的 text-align:center
。这也适用于文本,因为它默认继承了样式。
只需尝试将 body 的宽度设置到页脚容器中,并使用良好的 ol'margin:auto
使其保持居中
关于html - 最小宽度不适用于整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27468118/