2012-02-14 4 views
1

나는 아래쪽 화면에서 작동하도록 980px 너비의 html 레이아웃을 디자인하고 있습니다. 큰 화면에서 잘 동작하도록 만들고 싶지만 레이아웃에 문제가 있습니다.어떻게하면 더 높은 화면과 호환 가능합니까?

낮은 해상도에서 확인하려면 CTRL+-- (minus)을 시도하면 왼쪽의 버튼이 오른쪽으로 가고 그림자가있는 배경 이미지가 오른쪽으로 이동한다는 것을 알았습니다. 그것 '내 레이아웃 동정을 확인하십시오.

내가 시도 할 때 전혀 좋지 않은 다른 사이트의 예 ctrl minus minus.

내가 누군가 내 레이아웃을 어떻게 작성하는지 알아낼 수 있습니까? 시도해 보면 ctrl minus minus 나쁘지 않습니다.

+1

브라우저 창 크기를 조정하려면'CTRL +'을 사용하지 마십시오. – Blender

+1

Firefox 용 웹 개발자 도구 모음을 사용하여 브라우저의 작은 화면 해상도를 신속하게 전환 할 수 있습니다. https://addons.mozilla.org/en-US/firefox/addon/web-developer/ – NightHawk

답변

4

확대/축소는 화면 해상도 변경과 동일하지 않습니다. 반면에 브라우저 창 크기 조정은 동일한 것으로 볼 수 있습니다.

+0

답변 해 주셔서 감사합니다! 그러나 나는 당신의 방법을 정말로 알 수 없습니다. 당신은 내 레이아웃이 어디에서나 잘 작동하고 있음을 명확히 할 수 있습니까? CTRL +을 시도한다고 가정 해 봅시다 - 모든 큰 사이트에서 잘되지만 내 디자인에서는 할 수 없습니다. 내가 어떻게 할 수 있는지 말해줘. – Adrian

+0

뷰를 정확하게 확대/축소 할 수있는 브라우저를 아직 보지 못했습니다. 창의 크기를 바꾸면됩니다. 창의 가장자리를 잡고 드래그하면됩니다. –

+0

@ user1197366 브라우저 창 크기를 조절하면 마우스를 사용하여 브라우저 창 테두리를 끌어서 전체 바탕 화면을 차지하지 않습니다. CTRL + - 또는 + 확대/축소가 레이아웃을 손상시킬 것이라고 생각하지 않습니다. 이 경우 HTML 닫기 및 열기 태그를 확인하는 것이 좋습니다. – Jake

1

버튼의 크기는 어떻게 선언됩니까? px, em 또는 백분율입니까?

em 또는 백분율을 사용하는 경우 (또는 전혀 사용하지 않는 경우) px을 사용하여 특정 픽셀 너비 및 높이 (패딩, 여백 등의 다른 크기)를 설정하십시오. , 확대 할 때 잘못 스케일링되는 문제를 해결할 수 있습니다.

control + zoom in/zoom out을 사용하면 텍스트가 확대되거나 축소 될 수 있으며 문제가 발생할 수 있으며 일반적으로 수정하기가 어려울 수 있습니다.

마지막으로, 올바르게 문제에 접근하지 못한다는 사실을 알고 계십시오. 웹 사이트가 더 큰 화면에서 어떻게 렌더링되는지 보려면 간단하게 브라우저 창을으로 만들거나 더 큰 모니터가있는 컴퓨터에서 테스트하십시오.

관련 문제