Question

我知道这是一个非常简单的问题，但我是初学者。我正在寻找一个教程，可以教我如何编写这样的设计代码：http://dsp.io/。有人可以推荐我吗？

我想知道如何让它占用整个浏览器的窗口，无论您查看网站的屏幕大小是多少。

非常感谢你。

Answer 1

在这里，您将获得有关如何制作自适应网站的教程：http://www.netmagazine.com/tutorials/build-basic-responsive-site-css

基本上，您必须将<body> </body>标记内的所有内容都包装到#wrapper中，如下所示：

<div id="wrapper">

并在css文件中将宽度设置为100％，如此

#wrapper {width:100%}

Answer 2

这称为流体设计。

如果您是初学者，请尝试使用Bootstrap。

检查此参考链接

如果缩放浏览器，流体网格系统将更改为移动模板，如果缩小填充整个屏幕，则会自动扩展。

Bootstrap 3发布。看看那个！

希望这有帮助，如果有任何疑问，请发表评论。

Answer 3

您提到的网站没有“全宽和高度”，否则它不会滚动;这只是100％的宽度。

如果你想要全宽和高度，你只需要创建一个包装div并将这些属性设置为100％：

#wrapper
{
    position: absolute;
    width: 100%;
    height: 100%;
}

然后从页面中删除不需要的边距和填充：

html, body
{
    margin: 0px;
    padding: 0px;
}

这是非常基本的东西，你应该在提问之前真正学习和搜索。 Here是一个好的开始。

Answer 4

这是一本关于Responsive Design by Ethan Marcotte的好书。您可以阅读它以了解如何建立一个转发网站。