iPad의 CSS 축소 배경

Question

이 사이트의 본문 태그 배경이 link인데 왜 iPad에서 축소되어 보입니까?

Answer 1

모바일 Safari는 큰 배경 이미지를 확대하는 경향이 있습니다. 이를 방지하려면 배경 크기를 설정할 수 있습니다. http://www.css3.info/preview/background-size/

Answer 2

iPad 용으로 별도의 스타일 시트를 만들어야합니다. 당신은 그렇게하려면 다음을 사용할 수 있습니다 :이 링크에

<link rel="stylesheet" media="only screen and (max-device-width: 1024px)" href="../ipad.css" type="text/css" /> 

, 당신은 아이 패드에 당신의 웹 사이트의 방향을 어떻게 처리하는 방법에 대한 정보를 찾을 수 있습니다.

귀하의 사이트 iPad 버전에 대해 별도의 스타일 시트 (CSS 파일)를 만들려면 무엇을 하든지 관계없이 위의 그림과 같은 링크 태그를 추가해야합니다.

iPad 버전의 배경 그림이 큰 경우 문제가있는 경우 iPad에 맞게 축소 할 수 있습니다. 나는 이미지의 크기를 1024px로 줄이고 iPad 용 별도의 스타일 시트에 선언해야한다고 말하면 최종 결과를 볼 수 있습니다.

BTW 당신은뿐만 아니라이 문서를 읽어야합니다 배경 이미지의 정확한 치수의 배경 크기를 설정 http://www.inspiredm.com/2010/02/09/ipad-design/는