CSS 속성으로 인해 사이트가 멈추는 현상이 발생합니까?

Question

표준 중점 상자 디자인 (전체 사이트가 상자 중앙에 있고 테두리가 각면에 있음)로 인터넷의 웹 사이트를보고 있습니다. 축소하면 테두리가 작아 지지만 내용은 같은 크기로 유지됩니다. 이건 괜찮아.

그러나 사이트에서 일단 작아지면 스크롤바가 표시됩니다. 내용은 그대로 유지됩니다. 내 사이트에서 이렇게하면 텍스트 및 링크와 같은 항목이 여러 줄로 스크롤되기 시작하고 전체 사이트가 손상됩니다. 뷰포트가 작을 때도 어떻게 동일하게 유지할 수 있습니까?

Answer 1

이 작업을 시도 할 수 있습니다 :

#box 
{ 
    width: 500px; 
    /* overflow set to scroll will give you your scroll bars */ 
    overflow: scroll; 
} 

는 최소 폭을 처리하기 위해 찾고 있다면, 그것은 분 - 폭이 IE에서 지원하지 않는 등 약간 까다 롭습니다.

이 작업을 시도 할 수 있습니다 :

#container 
{ 
/* IE will ignore min-width */ 
min-width: 400px; 
/* IE will process the expression below to give you your minimum width, other browsers 
will ignore it */ 
width:expression(document.body.clientWidth < 400? "400px": "auto"); 
} 

Answer 2

min-width과 같은 소리가납니다.

Answer 3

최소 폭과 최소 높이가 콘텐츠 요소의 CSS 속성을 추가합니다. like = 최소 너비 : 100px; 최소 높이 : 100px; ...