나는 ipad 및 이 아닌 스타일을 사용할 수있는 방법을 알고 싶습니다. ipad pro.ipad 및 ipad 프로에 대한 미디어 쿼리
내 인터페이스는 ipad pro에서 반응하며 ipad에서는 반응하지 않습니다 (크롬 콘솔을 사용하여 확인). 내가이 쿼리를
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3)
를 사용할 때
은 그러나 이미 응답되는 아이 패드 프로에 영향을 미칩니다.
어떻게 난 그냥 아이 패드
당신은 어떤 특정 장치 유형에 미디어 쿼리를 초점을 맞출 수 없습니다; 이러한 장치를 다른 장치에서 사용할 수 있도록 정의하거나 장치 업데이트시 변경하거나 단순히 부재 (null) 값이있을 수 있기 때문입니다.
어떻게에만
은 따라서이 질문에 대답 할 수없는 단지 아이 패드 (프로되지 않음)에 쿼리를 적용하여이 문제를 해결할 수 있습니다.
다양한 질문에이 같은 일을 질문하고 답변은 모두 "화면 해상도"기반 설명; 그래서 당신은 화면이 어떤 해상도인지를 감지하고 이에 따라 스타일을 설정할 수 있습니다. (이 질문에 other answers과 같은)
하지만; 특정 화면 크기의 다른 장치 나 데스크탑 브라우저는 이러한 화면 크기를 쉽게 구현할 수 있고 CSS를 다른 미디어 용 출력을 표시하도록 "트릭"할 수 있습니다.
USER_AGENT 문자열로도 장치를 검색 할 수 있지만이 기능은 전혀 신뢰할 수 없으며 Safari 나 Firefox Mobile보기 또는 여러 가지 사용하기 쉬운 도구와 같이 가짜입니다. 장치가 특정 또는 모델 인 경우 웹 사이트를 알 수
가능한 모든 데이터는 높게 신뢰할 수없는입니다. 그리고 이러한 신뢰도 부족은 사양이 증가함에 따라 증가합니다. 당신은 특정 형식의 IPad 장치을 원하기 때문에 자바 스크립트를 사용하여 무언가를 개발할 수 있습니다. 그러나 이것은 입니다. CONSIDERABLY INACCURATE이 될 것입니다.
는 기억 : 원격 컨텐츠를 디바이스의 종류를보고하기로
당신은 확신 할 수 없다 수 있습니다.
내가 지금 여기에 .... 당신이 대답을 더 참을 수 없어, 이해하지 당신에게 을 줄 것이다 몇 가지 유용한 링크가 있습니다 일부 범위 광범위한 수준 당신이 찾고있는 특성.
이러한 모든 위에서 언급 한 vaguries와 불일치를 고통 참고 :
당신은 이미이 질문을하기 전에 다음을 읽어보십시오.
어떤 iPad가 있습니까? 내 질문만으로도 질문에 대답하려는 시도가 실패하거나 지나치게 어렵고 시간이 많이 걸리는 이유가 무엇인지 알 수 있습니다. – Rob
* 특정 * 장치 유형에 미디어 쿼리를 집중시킬 수 없습니다. 왜냐하면이 장치들은 다른 장치들에 의해 사용될 수 있거나, 장치 업데이트에서 변경 될 수 있거나 단순히 부재 ('null') 값으로 정의 될 수 있기 때문입니다. 그러므로이 질문에 답할 수는 없습니다. – Martin