요소 위치는 브라우저 화면 해상도 변경에 영향을받습니다.

Question

초보 개발자가 여기 있습니다.

항상이 작은 문제가 있습니다. 브라우저 해상도를 변경하려고 할 때마다 (또는 Ctrl 키를 누른 상태에서 마우스 휠을 스크롤 할 때 이벤트를 호출 할 때마다) 일부 요소 (주로 폼 요소)가 원본과 일치하지 않는 다른 곳으로 이동하거나 위치. Im은 CSS 나 마크 업 자체에 문제가 있는지 확실하지 않으며 Im이 문제가 많은지 확실하지 않습니다. 나는 그것을 무시해야합니까? (그것은 가까운 미래에 문제가 될지도 모른다고 생각하지만, 매우 편안하지는 않습니다.) 그렇지 않으면 이것을 피하는 방법에 대한 해결책은 무엇입니까?

간단한 설명을 매우 감사드립니다. 당신이 확대되는 것처럼

(아마도 사용 된 용어 초보자 놈으로 교체해야? 하하.)

Answer 1

에드 들린다.하면, 예를 들어 절대 치수를 사용할 때 설명하는 문제가 발생 width: 20px;. 유동적 인 레이아웃을 얻으려면 대신 em을 사용할 수 있습니다. width: 10em;.

이 글은 Making the transition from px to em 글이 유용 할 것입니다.

Answer 2

에드 (Ed)를 사용하면 CSS에서 최대 너비와 최소 너비로 이동할 수도 있습니다. 해상도에 초점을 맞추면 1024 x 768이됩니다. 이 해상도 아래의 지점에서 아래쪽으로 건너 뛰지 않는 두 열 모두 min-width를 사용할 수 있습니다. 그게 도움이되는지 알려주시겠습니까