티스토리 뷰
iPhone 5의 기본 전체 화면 크기는 320 x 568 px이지만 Retina 디스플레이에서 픽셀이 두 배로 증가하기 때문에 화면 해상도의 절반입니다. 따라서 WordPress가 예상대로 작동합니다 =)
-------------------가능한 이유 1 :
iPhone은 320 x 568 px이고 회전 할 수 있으므로 320 x 568 px 또는 568 x 320 px가 될 수 있습니다.
따라서 세로로 320w 이미지를, 가로로 600w 이미지를 다운로드하는 대신 브라우저는 가장 큰 크기로만 다운로드합니다.
가능한 이유 2 : 브라우저가 "최상의"소스 이미지를 선택하지만 iPhone은 다른 장치와 픽셀 밀도가 다릅니다. 따라서 브라우저는 320 "px"너비를 에뮬레이트하면서 더 큰 이미지 (크기의 약 두 배)를 선택합니다.
"정상적인"픽셀 밀도로 다른 종류의 장치를 시도하고 예상 한 이미지를 검색하는지 확인하십시오.
srcset속성에 대한 살아있는 사양은 https://html.spec.whatwg.org/multipage/embedded-content.html#srcset-attribute에 대해 자세히 알려줍니다.
출처
https://stackoverflow.com/questions/39917060