Ipad에 올바른 사이트를 표시하지 마십시오

Question

귀하의 도움을 다시 요청합니다. 이 link으로 이동하여이 스크린 샷을 살펴보십시오.

모든 부드럽게 표시 및 accurately.The 다음 스크린 샷은 블록이 이동,

당신이 볼 수 있듯이 아이 패드

디스플레이를 보여줍니다. 코드가 정확한 것 같습니다. 무슨 일이 일어 났는지 이해하지 못합니다. 도와주세요

Answer 1

특정 장치를 타겟팅하고 관련 스타일을 적용하려면 media queries을 사용해야합니다.

/* iPads (portrait and landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) { 
/* Styles */ 
} 

/* iPads (landscape) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
/* Styles */ 
} 

/* iPads (portrait) ----------- */ 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
/* Styles */ 
} 

자료 : http://css-tricks.com/snippets/css/media-queries-for-standard-devices/