모든 장치에 동일한 크기를 유지하십시오. HTML & CSS

Question

모든 장치에서 요소의 크기 (f.ex a cube)를 유지하는 방법을 궁금합니다. 브라우저 창 크기를 조정하면 요소가 동일한 "양식"을 유지하지만 크기는 작아집니다. 내 말은 브라우저 창 크기를 가로로 조정하면 요소 (f.ex 큐브)가 동일한 "양식"을 유지한다는 것입니다. 그래서 키가 크지 않을 것입니다.

나는 백분율을 사용하고 높이와 함께 px를 사용하지 않아도된다는 것을 알고 있습니다. 하지만 그렇게 할 때 요소는 물론 현재 기기 나 화면의 비율이됩니다. 나는 묘사하는 것이 매우 어렵다. 그래서 예를 들어 보겠다. 나는 학교에서 HTML과 CSS가있는 계산기를 만들었을 때 화면을 완벽하게 맞추었다. 그러나 학교의 스크린은 제곱 (높이와 같은 너비)입니다. 집에서의 스크린은 직사각형입니다 (높이와 같은 너비가 아닙니다). 집에서의 계산은 넓습니다. 이제 알겠습니까? 니가하지 않았다면 알려줘. 폭 창에서 작은 크기 조정 Full sized browser window home : 설명 나쁜에 대한 Smaller in width browser window at home

그리고 죄송합니다 .. 그리고 영어

여기 내 화면 집에서 어떻게 보이는지의 사진입니다.

Answer 1

내가 무슨 뜻인지 알지 못하지만, "가로 세로 비율 유지"란 뜻이라면 this을 시도해야합니다. 다른 컨테이너에 요소를 감싸고 컨테이너의 아래쪽 패딩을 사용하여 요소가 모든 공간을 차지하도록하십시오.