너비가 820 픽셀 인 div 안에 100 % 너비의 이미지가 있습니다. 이미지를 iPad 및 iPhone 5의 화면 크기로 축소하면 이미지의 크기가 줄어들지 만 해당 크기에서는 이미지가 화면 크기 너비의 100 %가됩니다.미디어 쿼리의 너비가 100 % 인 이미지
이미 미디어 쿼리에서 너비를 100 %로 사용하려고 시도했지만 이미지의 너비가 전체 너비에 맞지 않습니다.
태블릿 및 스마트 폰에서 전체 화면 너비로 이미지를 반응시키는 것이 가장 좋습니다. 최대 너비가 960 픽셀 인 격자 (골격 격자 : http://www.getskeleton.com/)를 사용하고 있음을 고려하면
감사합니다.
미디어 쿼리를 제대로 사용하는 경우 이미지 **는 100 %로 확장되지만 부모 요소에 비례합니다. 따라서 이미지의 부모는 작은 해상도에서 100 % 효과를냅니다. –
부모 이미지가 너비가 820px 인 div이고이 div의 너비가 960px 인 부모 div가있는 경우 미디어 쿼리를 사용하여이 세 요소의 너비를 100 %로 정의합니까? – swayziak
그런 것. 이미지 너비를 화면 크기의 100 %로 설정하려면 모든 부모가 100 % 너비를 가져야합니다. 블록 요소의 너비가 정의되지 않은 경우 너비는 기본적으로 100 %입니다. –