html - 如何使 div 调整大小以填充整个浏览器窗口?

标签 html css dynamic resize

请到这里: http://demo.thecogworks.co.uk/umbraco/login.aspx

使用此帐户登录: 用户:demo 密码:密码

现在尝试调整浏览器窗口的大小并查看 div 随浏览器窗口调整大小。我想它不适用于 css。我对么?我怎样才能创建这样的东西?

最佳答案

它仅适用于 css(如果您希望它在移动设备上正确显示,也可能适用于“viewport”元标记。)。

如果您希望您的 html 页面表现得像您必须使用 % 作为宽度(例如宽度:100%)。在这种情况下,div 的宽度将基于(相关于)尺寸 视口(viewport)。

这就是所谓的灵活布局。它是创建响应式网页的要素之一。

你可以在这里阅读更多:

关于html - 如何使 div 调整大小以填充整个浏览器窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15103233/

相关文章:

javascript - 我如何使用 jQuery/JavaScript 来查明单选按钮何时被取消选中?

html - 显示行内 block

css - 允许最终用户拥有他们可以修改的特定 CSS 规则

javascript - 动态着色文本

c# - 如何在 C# 中实现动态 OData 客户端?

c# - 使用 MEF 在运行时加载插件

javascript - CSS3 box-shadow inset 痛苦的性能 killer

html - Bootstrap 行全宽

html - 相对于父级居中第二级下拉

javascript - 如何将 html 表格以多选项卡格式导出到 Excel?