画廊100%宽度页面

时间:2017-08-08 13:27:04

标签: html css gallery

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

Gallery

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

感谢您的帮助。

3 个答案:

答案 0 :(得分:2)

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

您可以将右边距最小化为0.01%,而不是1%(总宽度)。

还可以选择使用css calc运算符:width: calc(100% / 3);

答案 1 :(得分:0)

请试试这个css

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

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

这也将删除你的水平滚动。

答案 2 :(得分:0)

听起来你有几个问题。

首先:您不需要使用Arial字体,因为它是系统字体!

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

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

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

第五:使用浏览器开发工具帮助您找出网站的问题,通常是 Ctrl + Shift + I (WIN) Cmd + 选择 + I (OSX)(Firefox ChromeSafari