미디어쿼리 썸네일형 리스트형 미디어쿼리 이미지를 기기별로 다르게 크기를 교체해서 보여주기 해상도가 큰 기기에서는 이미지 사이즈를 크게 해 줘도 되지만 모바일기기에서는 해상도가 큰 이미지는 화면 밖으로 나가게 되어 아주 보기 흉하게 됩니다.이런 현상에 대응하기 위한 방법이 있습니다. 이미지를 640사이즈에 맞추어서 제작하고 2배 축소하면 아이폰사이즈가 되고1.5배 축소하면 안드로이드 사이즈가 되도록 하는 것입니다. 이것은 아주 멋진 방법이 될 것입니다. 다음의 코드를 실행해 봅시다. 이미지 이렇게 하면 pc에서는 640x960이미지가 화면에 뜨는데 아이폰에서는 320x480이미지가 뜨고안드로이드 폰에서는 480x720이미지가 뜹니다. 더보기 이전 1 다음