画廊 100% 页面宽度

Question

我无法在我的网站上将我的图库设为 100% 宽度

这是我的网站，您可以在源代码中查看代码http://pepi.g6.cz

感谢您的帮助。

Answer 1

如果你给你的 .responsive class 宽度属性 33.33%（而不是 33%）右边的白色 space你提到应该减少。

您会将右边距最小化到 0.01%，而不是（总宽度的）1%。

还有使用 css 计算运算符的选项：width: calc(100% / 3);

Answer 2

请试试这个css

body {
    background-color: white;
    margin: 0;
    overflow-x: hidden;
}

.responsive {
    float: left;
    height: auto;
    width: 33.33%;
}

这也会删除您的水平滚动条。

Answer 3

听起来你有几个问题。

首先：您不需要使用Arial字体，因为它是系统字体！

其次：您需要将视频标签的宽度设置为最大宽度：100%。

第三：导航栏不需要顶部边距：-75px。您应该改用其他边距！

第四：改用外部css文件。

第五：使用你的浏览器开发工具来帮助你找出你网站的问题，通常是 Ctrl+Shift+I (WIN) Cmd+Opt+I (OSX) (Firefox Chrome, Safari )

Gallery 100% width on page