Question

CSS，HTML和Java新手，但即将完成我的第一个网站。如果以前已经回答了这个问题，我会道歉但是我已经疯了几天试图解决这个问题。

我在1366 x 768创建了我的网站，因此相应地调整了最大宽度/高度，但自从在Macbook air（分辨率1440x900）上测试网站后，我在调整大小和周围的空白区域方面遇到了问题。内容。

我将max-width更新为1440，这似乎已经对水平空白区域进行了排序，但无论我做什么，我的页脚下面的空间都会保留。

有没有办法用分辨率来调整大小？媒体是否会回答问题，还是我必须重新设计我的网站？

非常感谢任何帮助。

Answer 1

您可以使用此风格：

@media screen and (min-device-width: 1366px) {
}

Answer 2

如果您对响应式设计不是很熟悉，我建议您使用bootstrap grid。每个div都来自.col-md-1课程。（总和等于12）。

使用此网格系统，您可以看到每个分辨率中的元素都很好。

Answer 3

在CSS中，你可以添加多个@media屏幕大小，并根据他们使用的设备大小设置填充和边距。例如，目前正在进行工作的网站针对3种不同的设备尺寸具有不同的样式。

    @media (min-width: 1366px) {
  body{
    width: 100%;
    clear: left;
    white-space: nowrap;
  }
}

这样的事情可能会有所帮助