logo.png를 눌러 페이지 전체의 3 분의 1 정도가되게하고 싶습니다. 큰 여백 또는 여백을 만들면 이미지 크기를 제한하는 다른 코드에도 불구하고 이미지가 커집니다.여백과 여백은 이미지를 더 크게 만듭니다.
.header {
width: 200px;
height: 60px;
}
.class {
max-width:100%;
max-height:100%;
margin-left: 300px;
}
<body>
<div class="header">
<table>
<tr><td><img src="Logo.png" class="class"></td></tr>
</table>
</div>
</body>
이미지 크기를 동일하게 유지하면서 이미지를 수평으로 더 밀어 넣을 방법이 있습니까?