我正在尝试为我的机器人比赛做一个战术板。所述板包含一个免费（<img src="board.jpg" style="width:100%; height: relative"></img>）和用户可以使用按钮移动的其他几个部分。但是，我想将其缩放到手机大小。有背景，但元素没有。我无法将元素的高度设置为％，因为它们是用margin-top和margin-left布局的，所以较小的元素不会有什么区别。
如何设置它，以便所有元素及其所处的边距根据屏幕尺寸而减小和增大。
谢谢您的帮助。
答案 0 :(得分：2)
您可以按照元素的样式使用vw和vh单位，它将根据视口调整大小。
element {
height: 50vh;
width: 50vw;
}
适用于所有现代平台。