크롬, IE 및 사파리에서 크기를 조정하는 방법

jquery tabs api를 사용하는 웹 사이트를 개발 중입니다. 각 탭에 대해 브라우저의 크기가 변경 될 때 크기를 조정할 그림이 있습니다. 크롬, IE 및 사파리에서 크기를 조정하는 방법

이

는 탭 중 하나

<li style='width:15%'> 
    <a href="/fu..."> 
    <img src="/Funde..." alt="BreakOut" class="breakoutFundviewImage"> 
    </a> 
</li>

나는 그것이 불행하게도이 크롬에서 작동하지 않습니다 간단한 CSS

.breakoutFundviewImage 
{ 
    height:30px;  
    width: 100%;  
}

를 사용하여 파이어 폭스와 IE에서 잘 작동하고 있고, 사파리의 예입니다 . 이미지는 전체 크기로 표시되기 때문에 이미지의 절반 만 탭에 표시됩니다.

누구나 올바른 방법을 알고 있습니까? 어떤 도움이라도 좋을 것입니다.

2011-02-11 user602240

이미지에 높이를 설정하지 않으면 가로 세로 비율이 깨집니다. 코드 크기가 맞습니다. 크기를 조정하지 않으면 부모 태그가 생각보다 넓기 때문입니다. 오버플로가있을 수 있습니다. 내부 요소가 크기가 조정되는 대신 잘리는 부분이 숨겨져 있습니다.

2011-02-11 03:47:53 SpliFF

감사합니다. 위의 예와 같이 컨테이너에 이미지가 있습니다. 해당 설정에 문제가 있습니까? – user602240

jQuery 탭에 오버플로 : 숨겨진 컨테이너 (대부분의 슬라이드 쇼와 같은)가 필요하다는 점을 의심스럽게 생각합니다. 따라서 크기를 조정하는 것이 까다로울 수 있습니다. 접근법을 완전히 재고해야 할 수도 있습니다. – SpliFF

답변