保持所有設備的大小相同。 HTML和CSS

Question

我想知道如何在所有設備上保持元素（例如多維數據集）的大小。 當您調整瀏覽器窗口的大小時，該元素將保持相同的“形式”，但會變小。 我的意思是這樣，當您水平調整瀏覽器窗口的大小時，元素（f.ex多維數據集）將保持相同的“窗體”。 所以它不會比高寬。

我知道我必須在和高度上使用百分比而不是px。 但是當我這樣做時，該元素當然仍將是當前設備或屏幕的百分比。 我的描述很不好，所以我要舉一個例子：當我在學校用HTML和CSS制作一個計算器時，它非常適合屏幕。 但是學校的屏幕是正方形的（寬度和高度相同）。 家里的屏幕是矩形的（寬度與高度不同）。 因此，家用計算器的范圍很廣。 你現在明白了？ 如果您沒有，請告訴我。

這是我的屏幕首頁外觀的圖片： 全尺寸瀏覽器窗口首頁寬度窗口的尺寸減小了： 首頁的寬度較小的瀏覽器窗口

很抱歉描述不好。。還有英語。

Answer 1

我不知道我是否明白您的意思，但是如果您的意思是“保持寬高比”，則應該嘗試一下 。 將您的元素包裝在另一個容器中，在容器的底部使用填充，使您的元素占據其所有空間。