保持所有设备的相同大小。 HTML＆amp; CSS

Question

我想知道如何在所有设备上保持元素的大小（f.ex a cube）。当您调整浏览器窗口的大小时，该元素将保持相同的形式＆＃34;，但会变小。我的意思是，当您水平调整浏览器窗口大小时，元素（f.ex立方体）将保持相同的形式＆＃34;。所以它不会比高大更宽。

我知道我必须在with和height上使用百分比而不是px。但是当我这样做时，元素当然仍然是当前设备或屏幕的百分比。我很难描述，所以我将改为给出一个 示例：当我在学校用HTML和CSS制作计算器时，它完全适合屏幕。但学校的屏幕是平方的（宽度与高度相同）。家中的屏幕是矩形的（宽度与高度不同）。所以家里的计算器要广泛。 你现在明白了吗？如果你不这样做，请告诉我。

以下是我在屏幕主页上显示效果的图片：Full sized browser window home调整了宽度较小的窗口：Smaller in width browser window at home

抱歉描述不好..还有英语。

Answer 1

我不知道我是否理解你的意思，但如果你的意思是＆＃34;保持宽高比＆＃34;你应该试试this。 将您的元素包裹在另一个容器中，在容器上使用填充底部并使您的元素占据其所有空间。