Question

我在网站上设置了最小宽度767px，以避免在智能手机上查看网站时缩小所有内容。问题是它似乎没有被考虑（见下面的截图）知道为什么吗？非常感谢

CSS：

html,
body {
    height: 100%;
    min-width: 767px;
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    background: url('../images/background-produits.jpg')no-repeat center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    font-family: 'Open Sans';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.38;
    color: rgb(71, 64, 50);
}

Answer 1

你有很多东西绝对定位。为了使其正常工作，您需要将它们包含在具有相对定位的项目中。是的，甚至是身体标签，显然。

body {position: relative}

Answer 2

您还需要先将其width: 100%送入min-width

页面主体的最小宽度不起作用

2 个答案: