如何使网页显示为正方形?

弗拉德

不知道我是否必须使用iframe,CSS或如何使用,但是我要做的是将网页显示为正方形。高度为%100,宽度为高度的相同大小,它是一个正方形。

贴纸

您可以使用vh(视口高度)。margin: auto;如果要居中,请添加

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将圆以正方形为中心

来自分类Dev

如何使android imageview变为正方形?

来自分类Dev

ReportLab:阿拉伯字符显示为黑色正方形。

来自分类Dev

制作高度为100%的正方形

来自分类Dev

文本显示不正确-字符为正方形-找不到可疑字体

来自分类Dev

FontAwesome使用cordova / phonegap在WP8上显示为正方形

来自分类Dev

如何制作matplotlib散点图正方形?

来自分类Dev

CSS内部颜色为正方形

来自分类Dev

如何在CSS中将文本的段落显示为正方形/矩形

来自分类Dev

Android GoogleMap的正方形显示为矩形

来自分类Dev

Laravel 5.8 Font Awesome显示为正方形而不是图标

来自分类Dev

Xamarin fontawesome图标显示为带有x的正方形

来自分类Dev

带有变音符号的特殊字符在Android中显示为正方形

来自分类Dev

如何使用CSS对中和裁剪图像以始终显示为正方形?

来自分类Dev

Windows 7/8:日语字体/汉字偶尔显示为正方形

来自分类Dev

字体在终端预览中显示为正方形

来自分类Dev

如何使用WebGL绘制正方形

来自分类Dev

将正方形图像div显示为帧,而不管图像的宽度和高度如何

来自分类Dev

为什么像素为正方形?

来自分类Dev

字体字符在Ubuntu 18.04中显示为正方形

来自分类Dev

为什么Notepad ++将某些Unicode字符显示为正方形?

来自分类Dev

如何隐藏图表左下方显示的正方形?

来自分类Dev

汉字迅速显示为正方形

来自分类Dev

字体真棒图标在导航之间显示为正方形[仅Chrome浏览器]

来自分类Dev

如何在Firefox中修复网页充满正方形(每个正方形包含4个十六进制数字)的问题?

来自分类Dev

显示为正方形的图标

来自分类Dev

重新以正方形显示PC消息后,显示器上没有消失的正方形为8x10和5x7

来自分类Dev

svg 圆圈显示为正方形

来自分类Dev

如何防止正方形扩大

Related 相关文章

  1. 1

    将圆以正方形为中心

  2. 2

    如何使android imageview变为正方形?

  3. 3

    ReportLab:阿拉伯字符显示为黑色正方形。

  4. 4

    制作高度为100%的正方形

  5. 5

    文本显示不正确-字符为正方形-找不到可疑字体

  6. 6

    FontAwesome使用cordova / phonegap在WP8上显示为正方形

  7. 7

    如何制作matplotlib散点图正方形?

  8. 8

    CSS内部颜色为正方形

  9. 9

    如何在CSS中将文本的段落显示为正方形/矩形

  10. 10

    Android GoogleMap的正方形显示为矩形

  11. 11

    Laravel 5.8 Font Awesome显示为正方形而不是图标

  12. 12

    Xamarin fontawesome图标显示为带有x的正方形

  13. 13

    带有变音符号的特殊字符在Android中显示为正方形

  14. 14

    如何使用CSS对中和裁剪图像以始终显示为正方形?

  15. 15

    Windows 7/8:日语字体/汉字偶尔显示为正方形

  16. 16

    字体在终端预览中显示为正方形

  17. 17

    如何使用WebGL绘制正方形

  18. 18

    将正方形图像div显示为帧,而不管图像的宽度和高度如何

  19. 19

    为什么像素为正方形?

  20. 20

    字体字符在Ubuntu 18.04中显示为正方形

  21. 21

    为什么Notepad ++将某些Unicode字符显示为正方形?

  22. 22

    如何隐藏图表左下方显示的正方形?

  23. 23

    汉字迅速显示为正方形

  24. 24

    字体真棒图标在导航之间显示为正方形[仅Chrome浏览器]

  25. 25

    如何在Firefox中修复网页充满正方形(每个正方形包含4个十六进制数字)的问题?

  26. 26

    显示为正方形的图标

  27. 27

    重新以正方形显示PC消息后,显示器上没有消失的正方形为8x10和5x7

  28. 28

    svg 圆圈显示为正方形

  29. 29

    如何防止正方形扩大

热门标签

归档