html - 如何让网页显示为正方形?

标签 html css iframe

不确定我是否必须使用 iframe、CSS 或如何使用,但我想做的是让网页显示为正方形。高度为 %100 但宽度与高度,使其成为正方形。

最佳答案

您可以使用 vh(视口(viewport)高度)。添加 margin: auto; 如果你想让它居中。

body {
  margin: 0;
}
.square {
  background: pink;
  height: 100vh;
  width: 100vh;
  margin: auto;
}
<div class="square"></div>

关于html - 如何让网页显示为正方形?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41625226/

相关文章:

css - div 和图像的对齐问题

jquery 工具提示代码每次都必须这样做

javascript - 将已经格式化的 HTML 嵌入到 JSON 中

html - Webkit(钛桌面内)缩小字体

javascript - 在模态 html 中格式化数据

java - Spring RestTemplate 自定义映射

html - 在获得正确的 CSS 布局方面需要帮助

html - IFrame 和框架有什么区别?

Polymer 中的 Javascript(没有以正确的方式定位)

javascript - 我可以更改 iframe 中包含的元素的样式,而该 iframe 本身又包含在外部 HTML 中吗?