해상도 2

해상도에 따라서 이미지, 동영상의 사이즈를 자동적으로 조절

[ 방법 1. CSS 활용 ] 해상도에 따라서 이미지의 크기가 자동으로 변하면서도, 이미지 본래의 크기보다 해상도가 커지는 경우에는 이미지 크기가 고정 최대 크기(max-width)를 100%로 지정하여, 자동으로 크기가 조정되고 중요한 점은 둘러싼 div 인경우 마찬가지로 % 형태로 되어 있어야 합니다. [ 방법 2. CSS 활용 ] [ 방법 3. jQuery 활용 ] 해상도에 따라서 이미지의 크기가 자동으로 변하면서도, 이미지 본래의 크기보다 해상도가 커지는 경우에는 이미지 크기를 고정하는 방법 참고자료 http://adminplay.com/webhosting07/169935 http://www.erzsamatory.net/86 http://tobyyun.tumblr.com/post/557704170..

Web 2017.11.02

[모바일] 해상도를 고려한 레이아웃

모바일 웹사이트 제작은 일반 웹사이트 제작과 있어서 가장 큰 차이점은 해상도 차이에 따른 레이아웃입니다.모바일 기기가 넷북이나, 노트북, 데스크탑 보다도 디스플레이의 크기가 작기 때문에이점을 고려한 웹사이트 기획 및 디자인, 퍼블리싱이 필요합니다.게다가 모바일 기기마다 해상도가 제각각이라는 점도 참 난감한 요소지요. 국내에서 보통 모바일 웹사이트 제작은 전 해상도를 고려하기 보다는 최근 출시된 스마트폰을 기준으로 해서 기획, 개발 및 검수 되는 사례가 많습니다.(아이폰, 갤럭시S)그래서 요즘에는 이들 스마트폰 환경에 최적화된 모바일 웹사이트가 늘어나고 있습니다. ※ 국내 출시된 주요 모바일 기기 해상도 1. 스마트폰 계열 iPhone 3GS : 320 x 480 iPhone 4 : 640 x 960 iP..

Web 2017.06.15