CSS에서 크기 제한을 적용하기 위해 HTML 표 스타일 지정

Question

HTML 표에 일부 크기 조정 제약 조건을 설정하려고합니다. 기본적으로 화면 너비가 화면의 70 %가되고 각 테이블 데이터 항목은 테이블 너비의 25 %가되어야하며 테이블 데이터 높이는 테이블 높이의 25 % 여야합니다. 대부분의 경우 테이블 폭을 적용하기는 쉽지만, 이는 내 td 블록에 img 요소가 포함되어 있고 일부 이미지가 다른 요소보다 큽니다. 원하는 크기로 조정할 수있는 쉬운 방법이 있습니까? 그런 다음 img가 td의 100 %를 차지하게합니까? 이미지의 크기

Answer 1

사용이 :

max-width:100%; max-height:100%; 

Answer 2

이 할 것 트릭

td img { 
    max-width: 100%; 
    max-height: 100%; 
} 

DEMO

Answer 3

이 시도 :

table.mytableclass td > img{ 
     width:100%; 
     height:100%; 
    }