내 CSS 파일 내에 다음 미디어 선택기를 정의 :미디어 선택기로 Chrome (바탕 화면)의 세로 방향 활성화를 방지하려면 어떻게해야하나요?
이 함께 잘 동작하는 것@media screen and (min-width: 600px) and (orientation: landscape),
screen and (orientation: landscape)
:
데스크톱 버전 O) 바탕 화면에 브라우저 윈도우가 특정 너비 아래로 조정되면 Chrome (내 경우 v32)이 가로에서 세로로 전환됩니다. 나는 ... 데스크탑 브라우저는 항상 풍경이라고 인상을
했다
이 일에서 크롬을 방지 할 수있는 방법이 있습니까?결국 미디어 쿼리에서 orientation을 제거하는 대체 솔루션을 생각해 냈습니다. 특정 방향의 세로 방향을 적용 할 수 없기 때문에 이것이 가장 이상적인 해결책은 아니지만, 적어도 내 페이지는 지금까지 테스트 한 모든 장치 (데스크탑/iphone/ipad/kindle)에서 사용할 수 있습니다. HTML <head> 내부
:
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
위의 메타 태그는 고려 픽셀 밀도를 취할 것 때문에 의도 한대로 다음 선택 후 정확히 작동합니다. 따라서 Chrome에서 정상적으로 작동하는 동안 내 페이지가 일반 및 망막 장치에서 올바르게 보입니다.
@media screen and (min-width: 600px)
방향은 높이와 너비를 비교하여 결정할 수 있습니다. width 창이 height보다 작 으면 방향이 세로로 간주됩니다.
정확한 검출을 위해 deviceorientation을 사용해보십시오.
이 데모는 창 높이가 너비보다 높을 때 CSS 방향을 사용하여 landscape에서 portrait으로 변경되었음을 보여줍니다. http://demo.hongkiat.com/css-orientation-styles/
내가 본 데모는 내 페이지에서 겪고있는 정확한 문제점을 보여줍니다. 그러나 'width