html - 最小宽度不适用于整个页面

标签 html css

在我的网站上,我在 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/

相关文章:

html - CSS "word"选择器?

动态容器内 div 的 css 滚动条

css - 在@media 中嵌套@keyframe

html - 在电子邮件中设置 html 样式

javascript - 如何管理 Web 应用程序中的 CSS 和 JS 文件结构(自定义与插件)?

javascript - 随着屏幕变大,Div 漂浮到一边?

PHP/MySQL - 数据库中的复选框

javascript - 如何在javascript中单击按钮激活文本输入

javascript - 如何在动态选择时获取单选按钮的名称和值 - 在 jQuery 中?

html - 如何使用自己的图像替换 ie7 中选择元素的箭头