페이지 하나 만들어 보고 있는데
http://highlandblast.com/
위 페이지 같이 메인에 메뉴 아래에 이미지를 하나 넣으려고 하는데
저 페이지 들어가보면 웹 브라우저 크기에 따라서 이미지 크기가 조절 되더라고요
특히 가로 사이즈를 줄여 보는데 높이는 거의 고정값으로 있고 가로 크기만 약간씩 줄어들다가 결국은 이미지 자체가 작아지는 방식이던데
이걸 어찌 적용해야 할지 모르겠네요
일단 위 브라우저 이미지에 걸려있는 css를 최대한 비슷하게 따라 해 봤습니다.
css에서 가로 크기 100% 주고 높이 안주고 하니깐
브라우저 가로크기를 줄였을때 비율을 맞춰서 줄어들려고 하더군요
게속 줄이니 높이도 같이 줄어드는 현상이 발생합니다.
그래서 높이 쪽도 100% 주고하니 이미지가 너무 커져버리는 현상이 발생합니다.
html태그는 이미지 태그로 줬고요