对所有设备保持相同的大小。HTML 和 CSS

  • 本文关键字:HTML CSS html css sizing
  • 更新时间 :
  • 英文 :


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

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

这是它在我的屏幕主页上的样子:全尺寸浏览器窗口主页调整较小宽度窗口的大小:主页的较小宽度浏览器窗口

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

我不知道我是否明白你的意思,但如果你的意思是"保持纵横比",你应该试试这个。将元素包裹在另一个容器中,在容器上使用填充底部,使元素占据所有空间。

相关内容

  • 没有找到相关文章

最新更新