iPad 1,2,3을 포함한 다양한 장치를 대상으로하는 웹 응용 프로그램이 있습니다. jQuery 모바일을 사용하여 UI를 사용자 정의합니다. jquery 모바일이 있습니다. 체크 박스 안의 이미지는 iPad 3의 '집'과 '검색'이미지입니다. 그러나 iPad 1과 2에서 작동하는 방식과 같이 '확인 된'이미지와 '확인되지 않은'이미지가 있어야합니다. 해상도 iPad 3는 iPad 1 및 2와 동일하지 않으므로 이런 현상이 발생합니다. 그렇다면이 문제를 모든 장치에 공통적 인 해결책으로 해결할 수 있습니까?고해상도 기기에서 jQuery 모바일 아이콘이 제대로 잘리지 않는 이유는 무엇입니까?
답변을 찾았습니다.
jquery mobile css에는 HD Retina를위한 별도의 스타일이 있습니다. 당신은 찾을 것입니다
-moz-background-size: 864px 18px;
-o-background-size: 864px 18px;
-webkit-background-size: 864px 18px;
background-size: 864px 18px;
864에서 776px로 변경하십시오. 배경 이미지 규칙에 따라 여기에 지정된 크기는 실제 이미지의 절반이어야합니다. 실제 이미지는 1552 픽셀입니다. 그래서이 776px의 절반. 하지만 jquery 모바일 코드는 864로 잘못되어 있습니다. -moz-background-size: 776px 18px; -o-background-size: 776px 18px; -webkit-background-size: 776px 18px; background-size: 776px 18px;은 올바른 코드입니다.