글 처음 쓰는거라 혹시 안 되는거면 알려줘 🥹
html로 인스타 피드를 구현하고 싶어서 만드는 중인데
<table cellpadding="0" cellspacing="0" style="border-collapse:separate;border-spacing:0px;margin:0 auto;font-size:12px;color:#000;text-align:justify;">
<tbody>
<tr>
<td width="237">
<p style="margin:2px 2px 2px 0px;"><a href="https://theqoo.net/design" rel="noreferrer noopener" target="_blank"><img alt="1" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0sO-3NWZLfhzZRGjPkSXhmjNCAvombK0W_ZFqb7gn1amAgUwBxDm2g0WHUb9TBUwhEf23LyjQILSf5sL4T7EwD6p_qDsKBSNVAha-bM_JLTeXJytwQ_3hubB-EmNy7LwQs2ET1mzkdA4WbuEu0Utl48ZKdqUOijbMJQvZuS6RYjP6cSTq6QBUsVeYCSp/s1600/IMG_0882.jpeg" /></a></p>
</td>
<td width="237">
<p style="margin:2px 2px 2px 2px;"><a href="https://theqoo.net/design" rel="noreferrer noopener" target="_blank"><img alt="2" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0sO-3NWZLfhzZRGjPkSXhmjNCAvombK0W_ZFqb7gn1amAgUwBxDm2g0WHUb9TBUwhEf23LyjQILSf5sL4T7EwD6p_qDsKBSNVAha-bM_JLTeXJytwQ_3hubB-EmNy7LwQs2ET1mzkdA4WbuEu0Utl48ZKdqUOijbMJQvZuS6RYjP6cSTq6QBUsVeYCSp/s1600/IMG_0882.jpeg" /></a></p>
</td>
<td width="237">
<p style="margin:2px 0px 2px 2px;"><a href="https://theqoo.net/design" rel="noreferrer noopener" target="_blank"><img alt="3" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0sO-3NWZLfhzZRGjPkSXhmjNCAvombK0W_ZFqb7gn1amAgUwBxDm2g0WHUb9TBUwhEf23LyjQILSf5sL4T7EwD6p_qDsKBSNVAha-bM_JLTeXJytwQ_3hubB-EmNy7LwQs2ET1mzkdA4WbuEu0Utl48ZKdqUOijbMJQvZuS6RYjP6cSTq6QBUsVeYCSp/s1600/IMG_0882.jpeg" style="width:237px;border-radius:0px;" /></a></p>
</td>
</tr>
<tr>
<td width="237">
<p style="margin:2px 2px 2px 0px;"><a href="https://theqoo.net/design" rel="noreferrer noopener" target="_blank"><img alt="4" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0sO-3NWZLfhzZRGjPkSXhmjNCAvombK0W_ZFqb7gn1amAgUwBxDm2g0WHUb9TBUwhEf23LyjQILSf5sL4T7EwD6p_qDsKBSNVAha-bM_JLTeXJytwQ_3hubB-EmNy7LwQs2ET1mzkdA4WbuEu0Utl48ZKdqUOijbMJQvZuS6RYjP6cSTq6QBUsVeYCSp/s1600/IMG_0882.jpeg" style="width:237px;border-radius:0px;" /></a></p>
</td>
<td width="237">
<p style="margin:2px 2px 2px 2px;"><a href="https://theqoo.net/design" rel="noreferrer noopener" target="_blank"><img alt="5" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0sO-3NWZLfhzZRGjPkSXhmjNCAvombK0W_ZFqb7gn1amAgUwBxDm2g0WHUb9TBUwhEf23LyjQILSf5sL4T7EwD6p_qDsKBSNVAha-bM_JLTeXJytwQ_3hubB-EmNy7LwQs2ET1mzkdA4WbuEu0Utl48ZKdqUOijbMJQvZuS6RYjP6cSTq6QBUsVeYCSp/s1600/IMG_0882.jpeg" style="width:237px;border-radius:0px;" /></a></p>
</td>
<td width="237">
<p style="margin:2px 0px 2px 2px;"><a href="https://theqoo.net/design" rel="noreferrer noopener" target="_blank"><img alt="6" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV0sO-3NWZLfhzZRGjPkSXhmjNCAvombK0W_ZFqb7gn1amAgUwBxDm2g0WHUb9TBUwhEf23LyjQILSf5sL4T7EwD6p_qDsKBSNVAha-bM_JLTeXJytwQ_3hubB-EmNy7LwQs2ET1mzkdA4WbuEu0Utl48ZKdqUOijbMJQvZuS6RYjP6cSTq6QBUsVeYCSp/s1600/IMG_0882.jpeg" /></a></p>
</td>
</tr>
</tbody>
</table>
이렇게 해서 여백을 2로 잡아서 원하는 모양을 만들었거든
근데 갤럭시 폰으로 봤을 때는 가로 세로 여백의 두께가 같은데
아이패드로 보면 가로는 갤럭시에서 볼 때랑 같은데 세로는 너무 얇게 나와.... 🥹
이 두개의 차이는 뭘까?
이거는 소스에 입력(?) 했을 때
|
|
|
|
|
|
|
|
html에 대한 이해가 1도 없고 오로지 복붙.. 만으로 모든 걸 해결하는 중인데 숫자 계속 바꿔봐도 도저히 모르겠어서 질문 남겨
질문 1. 왜 다르게 나올까
질문 2. 어떻게 하면 고칠 수 있을까
질문 3. 혹시 아이폰으론 어떻게 보이는지 🫠
마지막으로
https://theqoo.net/design/2912434258 👈 선생님은 제 생명의 은인이심 감사합니다 🙇♀️
