1. 사진 양 옆에 공백을 추가
한 사진의 비율을 일정하게 하고싶을 때 사용할 수 있다. 사진을 만들 때 사진 양 옆과 위아래에 원하는 비율로 공백을 추가하면 일정한 비율이 유지된다.
수정 전
수정 후
2. 표 이용
여러 사진을 일정한 비율로 넣고 싶을 때 이용한다. 표를 만들고 td와 table의 style에 border:none을 추가해주면 경계선 없이 표를 만들 수 있다.
<예시>
<table style="width: 100%; border:none">
<tbody>
<tr>
<td style="width: 50%; text-align: center; vertical-align: middle; border:none;">
</td>
<td style="width: 50%; text-align: center; border:none;">
</td>
</tr>
</tbody>
</table>
수정 전
수정 후
1번은 지금 보니까 화질 문제가 있어서 화질이 크게 영향받지 않는 부분에서만 사용 가능할듯