div의 높이와 너비를 px 또는 백분율로 설정하면 모든 해상도에서 동일하게 보입니다.

내 웹 사이트가 다양한 화면 크기에서 동일하게 보이도록하고 11 인치 Macbook 또는 27 인치 모니터에 상관없이 내 div가 모두 동일한 높이와 너비가되도록하려는 경우.div의 높이와 너비를 px 또는 백분율로 설정하면 모든 해상도에서 동일하게 보입니다.

내 높이와 너비를 픽셀 단위 또는 CSS 단위로 설정합니까?

나는 비율을 추측하고 있지만 확실히하고 싶습니다.

출처

2014-10-20 Stack Overflow

"동일한 높이"가 의미하는 바에 따라 다릅니다. 해상도에 관계없이 항상 페이지의 전체 너비를 사용하려는 경우 100%을 사용하십시오. 언제든지 x 픽셀 수를 사용하려면 항상 px을 지정하십시오. 상대 크기 조정을 사용하여 글꼴 크기가 커지면 모든 것이 비례하도록하려면 ems을 사용하십시오.

귀하의 질문과 의도가 명확하지 않습니다. 당신은 당신이하고 싶은 것을 결정하고 그것을 실행해야합니다.

웹 개발이란 다양한 형식과 크기로 콘텐츠를 사용할 수있게 만드는 것입니다. 왜 고정 된 크기가 필요한지 생각해보고 CSS의 제약 조건에서 목표를 달성하기 위해 노력하십시오. 필요한 경우 통계를 언제든지 혼합 할 수 있습니다.

출처

2014-10-20 17:31:20 Brad

내가 더 명확하게하겠습니다. 저는 1440 x 900 크기의 노트북 컴퓨터에서 작업하고 있습니다. 높이가 375px 인 "문의하기"상자가 필요합니다. 이제 다른 사람이 훨씬 더 큰 화면과 다른 해상도를 사용한다면 화면의 모양이 바뀌지 않습니까? 다른 말로하면 div는 상관없이 동일한 높이가됩니까? 해상도와 픽셀이 다른 화면 크기에서 어떻게 작동하는지 확신 할 수 없습니다. –

@StackOverflow 크기를 픽셀 단위로 측정 한 경우 항상 픽셀 단위 (가상 뷰포트 크기 및 확대/축소)입니다. '375px'는 어디서나'375px'입니다. 이제는 픽셀의 크기가 장치에서 장치로 변경됩니다. 당신이 "같은 높이"라는 뜻을 분명히하지 않습니다. 어떤 차원에서 같은 높이? 너는 육체적 인 크기를 말하는거야? 미터와 인치? – Brad

div의 높이와 너비를 px 또는 백분율로 설정하면 모든 해상도에서 동일하게 보입니다.

답변

관련 문제