사이즈 질문 드립니다.
본문
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
메타 적용하고
pc에서 가로사이즈를 100% 할때 모바일 사이즈에 맞게 잘 나오는데.
pc에서 가로사이즈를 800 으로 할땐 모바일사이즈가 늘어 나던데..
늘어나지 않고 딱 맞게 하는 방법없을가요 ?
<table border="1" width="800" align="center">
<tr>
<td width="800" bgcolor="#999999" height="100">상단</td>
</tr>
<tr>
<td width="800">메인</td>
</tr>
<tr>
<td width="800" bgcolor="#999999" height="100">하단</td>
</tr>
</table>
답변 1
width를 800으로 지정해주었으니.. 모바일에서도 800픽셀 고정으로 나오는것이 맞습니다.
pc에서는 800px로 보이고 모바일에서는 100%로 보여지게 하고 싶다면
<table border="1" align="center" style="width:100%; max-width:800px;"> 을 추가해보세요.
기본 width는 100%로 주고, 최대 width는 800px로 제한하는 코드입니다.