부트 스트랩 : Firefox가 내 페이지 레이아웃을 깨고 있습니다.

Question

사이트를 주로 사진 사이트로 사용하여 이미지를 활용 한 홈페이지를 만들었습니다. 그러나 Chrome과 Safari에서 사이트를 확인하여 완벽하게 작동하지만 FIREFOX는 다른 문제입니다.

브라우저의 크기를 조정할 때 파이어 폭스가 내 레이아웃을 깨뜨린 것처럼 보입니다. 주로 이미지 크기가 조정됩니다. 마치 모든 영역을 하나의 솔루션으로 확인한 것으로 보이며 해결할 수없는 것처럼 보입니다 ...

누구든지 도움을 줄 수 있습니까 ???

내 사이트는 다음과 같습니다 www.theartxp.com/roze

Answer 1

서로 취소해라. 컨테이너의 너비는 항상 이미지의 너비입니다.

당신은 블록으로 컨테이너 DIV 표시하도록해야 : 당신은 문제가있는

.he-wrap { 
    position: relative; 
    zoom: 1; 
    /*display: inline-block; remove this*/ 
    /*position: relative; remove this too since it's a duplicate*/ 
} 

Answer 2

w3.org 사양은 최대 폭 요소 를 인라인 적용되지 않는다고 주장한다. 대체 된 요소에 적용되는 것처럼 보입니다. 내 실수. 어쨌든 문제를 해결하려면 max-width: 100% 대신에 이미지 너비를 width: 100%으로 변경하면됩니다.

메타 : 누군가가 좋은 수정을 제공하지만 100 % 정확한 정보는 제공하지 않는 경우, 편집 버튼이 있습니다. 대량 다운 - 투표는 단순히 StackOverflow를 개선하지 않고 기여를 포기합니다.

문제는 이미지 컨테이너 종류의 사람들을 그것의 아이들의 전체 크기에 걸쳐해야하지만, 당신이 부모의 크기 ( max-width:100%)에 따라 이미지의 폭을 제한하기 위해 노력하고 있기 때문에 의미 display:inline-block로 설정되어