画廊100％宽度页面

Question

我无法在我的网站上使我的画廊100％宽度

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

感谢您的帮助。

Answer 1

如果您向.responsive类提供33.33%的宽度属性（而不是33%），则您提到的正确空白区域应该减少。

您可以将右边距最小化为0.01％，而不是1％（总宽度）。

还可以选择使用css calc运算符：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字体，因为它是系统字体！

第二：您需要将视频代码的宽度设置为max-width：100％。

第三：导航栏不需要是margin-top：-75px。你应该修改其他边距！

第四：改为使用外部css文件。

第五：使用浏览器开发工具帮助您找出网站的问题，通常是 Ctrl + Shift + I （WIN） Cmd + 选择 + I （OSX）（Firefox Chrome，Safari）