Div의 너비가 브라우저의 크기를 조정할 때 100 % 작동하지 않습니다.

기본적으로 브라우저의 크기를 조정하면 기본적으로 100 % 너비의 Div 랩퍼가 작동하지 않습니다. 브라우저의 크기를 페이지 디자인보다 작게 만들면 가로 스크롤 막대가 생기고 전체 너비에 걸쳐 있지 않습니다. 그것은 마치 어떤 시점에서 차단하는 것과 같습니다. 나는이 문제를 해결하려고 노력했지만 이런 일이 왜 정말 나를 혼란 Website Link Div의 너비가 브라우저의 크기를 조정할 때 100 % 작동하지 않습니다.

: 여기

는 링크입니다. 누구든지이 문제에 대해 밝힐 수 있습니까?

미리 감사드립니다.

마크

출처

2013-01-06 Mark O' Donoghue

일부 요소에는 절대 (px) 너비가 있습니다. – nerdarama

문제가 될 수있는 'floating'div가 많이 있습니다. 기본 레이아웃도 부동입니다. 부동 div없이 가운데 배치를 만들 수 있어야합니다. –

나는 그것을 알아 냈다! 너비를 100 %에서 최소 너비로 100 %로 설정하면 문제가 해결됩니다.

출처

2013-01-14 11:09:36

어느 요소에 width/min-width를 추가 했습니까? 에서 CSS 또는 에 대해 특별한 작업을 했습니까? 아니면 뷰포트가 지원합니까? – user1102171

'min-width'를 백분율로 설정할 수 있습니까? – carefulnow1

귀하의 .wrap의 사업부는 1050px 될 페이지의 최소 폭을 강요 1050px의 고정 폭을 갖는다. 브라우저 창 크기가 1050 픽셀 미만인 경우 스크롤 막대가 표시되는 이유입니다. margin:0 auto;가 콘텐츠를 중심으로하기 위해 고정 폭 사업부를 필요로하기 때문에

.wrap { 
    position: relative; 
    margin: 0 auto; 
    width: 1050px; 
}

그러나,이 폭이 고정되어 이유가있다.

좁은 화면을 위해 디자인을 축소하려면 CSS 미디어 쿼리를 사용하여 다양한 브라우저/장치 너비에 대한 대체 규칙을 만드는 것이 좋습니다.

demo으로 변경하여 원하는대로 작동하는지 확인하십시오. 그렇다면 tutorial을 사용해보세요.

Smashing Magazine에는 특히 미디어 장치의 대체 레이아웃을 찾는 경우 좋은 미디어 쿼리 자습서가 있습니다.

출처

2013-01-06 13:37:22 PassKit

Div의 너비가 브라우저의 크기를 조정할 때 100 % 작동하지 않습니다.

답변

관련 문제