HTML/CSS를 작성해야하는데, iPad의 방향에 따라 가로 및 세로가 표시되어야합니다. 처음에는 이것을 쓰고 싶습니다. HTML과 CSS를 사용하고 나중에 iPad 개발에 사용합니다.HTML 및 CSS를 사용하여 가로 및 세로 레이아웃 작성하기
제 질문은 이것을 달성하는 가장 좋은 방법입니다. 두 가지 다른 html/css 파일을 가지고 장치의 방향에 따라로드하거나이 방법을 구현하는 다른 방법이 있습니까? 이것에 관한 어떤 정보라도 감사 할 것입니다.
덕분에 Raaks
이를 달성하기 위해 반응 형 웹 디자인을 사용하여보고 싶다. 화면의 크기에 따라 적용 할 스타일을 결정할 수 있습니다. 세로보기에서는 화면이 더 넓습니다.
당신이하는 일은 두 가지 스타일 시트를 만드는 것입니다. 하나는 인물 사진이고 다른 하나는 풍경 사진 인 경우. 그런 다음 CSS3 미디어 쿼리를 사용하여 둘 사이를 전환합니다.
샘플 코드 :
세로 :
<link rel="stylesheet" type="text/css" media="screen and (max-device-width: 768px)" href="portrait.css" />
풍경 : 당신이 볼 수 있듯이
<link rel="stylesheet" type="text/css" media="screen and (min-device-width: 1024px)" href="landscape.css" />
, 대상 매체를 전달하고 각각의 스타일 시트의 대상 폭을 선언한다. 세로 스타일 시트는 화면의 현재 너비가 768 픽셀보다 작거나 같은 경우에만 적용됩니다. 반대로 두 번째 스타일 시트는 화면 해상도가 최소 1,024 픽셀 인 경우에만 적용됩니다. 아이 패드 개발에 의해, 당신은 기본 응용 프로그램을 의미하는 경우
The original A List Apart article describing the technique.
A simple tutorial describing the technique.
지금 다음이 작동하지 않습니다. 기본 응용 프로그램의 경우, 장치의 방향을 결정하기 위해 코코아 프레임 워크를 사용해야합니다. 그러나 단순히 네이티브 응용 프로그램에서 webview를 사용하는 경우에는 정상적으로 작동합니다.희망이 도움이됩니다.
표준 유체 배치가 효과가없는 이유가 있습니까? – Marcin