html에서 창 크기에 맞춰서 화면이 맞춰지는 소스?

rapi**** 조회수 1,300 2016.01.04

안녕하세요. 홈페이지를 이것저것 해보다가

신기한 페이지를 봤습니다...

카라디움 이라는 화장품 홈페이지 인데요.

http://karadium.co.kr/

해당 페이지를 딱 보면 뭐가 특별한가 하시겠지만.

마우스로 창 크기를 늘였다 줄였다 하시면 눈치빠른 분들은 딱 아실겁니다.

화면이 창 크기에 맞춰서 같이 늘어났다가 줄어듭니다!!

초보인 저는 너무 신기했습니다. ㅎㅎ

창 크기를 줄이면 대부분의 페이지는 양측이 짤리게 됩니다.

하지만 이 홈페이지는 짤리는게 아니라 그 크기에 맞춰서 줄어듭니다. 두둥.

이거 어떻게 하는 건지 아시는 분 있나요?

내공 겁니다 ㅎㅎ

답변자님,

정보를 공유해 주세요.

1 개 답변

wwge****

식물신

자바, JSP 21위, 프로그래밍 분야에서 활동

이미지를 제외한 대부분의 태그는 아래 소스처럼 고정값을 주지 않으면 자동으로 브라우저 화면에 따라

리사이징 됩니다.

단 이미지만 아래 빨간부분 강조한것 처럼 추가해 주세요

자세한 소스는 아래를 참조하세요.

1. HTML

<table border=1>
<tr>
<td>
aaaaaa aaaaa aaaaaa aaaaaaaa aaaaaa aaaaaaaa aaaaaaaa aaaaaaaa
aaaaa aaaa aaaaaaaaaaaa aaaaaaa aaaaaaaaa aaaaaaa aaaaaaa aaaa
</td>
</tr>
<tr>
<td>
bbbbbb bbbbbbbbb bbbbbbb bbbbbbbbb bbbbbbbbb bbbbbbbbb
bbbb bbbbbbb bbbbbbbbbbbbbbbbbbb bbbb bbb bbbbbbbbbb bbbb
bbbb bbbb bbb
</td>
</tr>
</table>

</body>

</html>

2. RUN

ex 1)

ex 2)

2016.01.04.

채택
질문자가 채택한 답변입니다.
출처
본인

도움이 되었다면 UP 눌러주세요!
UP이 많은 답변일수록 사용자들에게 더 많이 노출됩니다.

공식블로그 바로가기

NAVER

지식iN

검색영역

메인 메뉴