对所有设备保持相同的尺寸。 HTML & CSS

Keep same size to all devices. HTML & CSS

我想知道如何在所有设备上保持元素(f.ex 立方体)的大小。当您调整浏览器 window 时,元素将保持不变 "form",但会变小。我的意思是,当您水平调整浏览器 window 大小时,元素(f.ex 立方体)将保持不变 "form"。所以它不会比高更宽。

我知道我必须在宽度和高度上使用百分比而不是像素。但是当我这样做时,元素当然仍然是当前设备或屏幕的百分比。我很不擅长描述,所以我要举一个 的例子:当我在学校用 HTML 和 CSS 制作一个计算器时,它适合画面完美。但是学校的屏幕是正方形的(宽度与高度相同)。家里的屏幕是矩形的(宽度和高度不一样)。所以家里的计算器太宽了。明白了吗?如果你没有,请告诉我。

这是它在我的屏幕主页上的样子的图片:Full sized browser window home Resized smaller in width window: Smaller in width browser window at home

抱歉描述不当..和英语。

我不知道我是否明白你的意思,但如果你的意思是 "keep aspect ratio",你应该尝试 this。 将您的元素包装在另一个容器中,在容器上使用填充底部并使您的元素占据其所有 space.