열의 크기를 조정 한 후에도 이미지 크기가 그대로 유지됩니다.

Question

사용자가 columnheader를 클릭 할 때 값을 정렬하는 표가 있습니다. 테이블에 정렬 된 화살표 이미지가 columnname 다음에 표시됩니다. 사용자가 열의 크기를 조정하면 이미지가 커집니다. 열의 크기를 조정할 때 이미지의 크기를 그대로 유지하고 싶습니다.

열의 크기를 조정할 때 이미지의 크기를 동일하게 유지하려면 어떻게해야합니까?

<th title=""> 
    <div id="p0col0h" style="width:73px;"> 
     <a id="0.0.desc">Tabell 
      <img src="img/hrm/pal_sort_asc.gif"/> 
     </a> 
     <div class="resizeColdiv"></div> 
    </div> 
</th> 

여기는 JSFiddle demo입니다. 데모에서 첫 번째 열의 크기를 조절하면 이미지가 커집니다. 나는 그것을 유지하기를 원한다.

Answer 1

당신의 CSS에이 추가 :

#p0col0h a img{ 
    max-width:33px; 
    max-height:33px; 
} 

은 물론 최대 폭 및 최대 높이 픽셀 이미지 사람이어야한다, 난 그냥 여기에 무작위 사람에 연결!

데모 : http://jsfiddle.net/wdB7t/1/

Answer 2

는 또한 "높이"를 추가합니다.
최대 높이를 사용하면 이미지가 "최대"보다 작아지면 이미지가 축소됩니다. 그러니 그냥 높이 및 너비

img{ 
    width:50px; 
    height:50px; 
}