나는 클라이언트를위한 웹 사이트를 개발하고 있으며 간단한 시작/방문 페이지를 원합니다.모바일 용 HTML + CSS 웹 사이트 만들기
는 난에 있기 때문에 당신이 아래로 인터넷 브라우저를 스크롤 할 때 (그래서 모바일 사용에 대한 반응) 또는 뷰 오히려 큰 http://www.colmanweb.co.nz/websites/turbos-splash/
왼쪽에있는 네 개의 이미지
아래의 웹 사이트 링크가 실제 모바일 이미지는 원하는대로 작아집니다.
왼쪽에있는 이미지/아이콘은 인터넷 브라우저에서 일반적인 웹 사이트 검색에 사용하기에 훨씬 작을뿐 아니라 모바일 용으로 축소 할 수 있지만 모바일 용으로 볼 수 있고 클릭 할 수있는 이미지/아이콘입니다. .
나는
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="25%"><div id="icons"><img src="images/myteam-btn.png" align="left" width="20%"/></div></td>
<td rowspan="5"><div id="tnation"><img src="images/turbonation.png" align="left" width="35%"/></div></td>
</tr>
<tr>
<td width="25%"><div id="icons"><img src="images/results-btn.png" align="left" width="20%"/></div></td>
</tr>
<tr>
<td width="25%" height="400px"> </td>
</tr>
<tr>
<td width="25%"><div id="icons"><img src="images/tickets-btn.png" align="left" width="20%"/></div></td>
</tr>
<tr>
<td width="25%"><div id="icons"><img src="images/shop-btn.png" align="left" width="20%"/></div></td>
</tr>
<tr>
<td width="25%"> </td>
</tr>
</table>
아래의 코드를 부착을 heres CSS를
body {
background:#009e60;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
div#container {
margin:0 auto;
width:1427px;
height:500px;
}
*{
padding:auto;
margin:auto;
text-align:center;
}
div#tnation {min-width:200%; margin-top:-100px;}
div#icons {min-width:350%}
어떤 도움이 좋을 것있다!
감사합니다.
응답 성을 시도 했습니까? 현재 사이트가 아닙니다. 아니면 사용법에 대해 어떻게 대답합니까? – agconti
나는 이것을 위해 테이블을 사용하지 않을 것이다. –