HTML5 전체 화면 API에 CSS를 적용 하시겠습니까?

Question

전 화면 API로 this example을 사용하려고합니다. CSS를 전체 화면 요소 (예 : "#box")에 적용 할 수 있습니까? 예를 들어 전체 화면에 일부 텍스트를 표시하고 싶기 때문에 화면의 너비를 80 %로하고 패딩을 추가하고 싶습니다. 또한 전체 화면 모드 일 때만 요소 스타일을 지정할 수 있습니까? 감사. 나는 이것을 시도 :

#box:-webkit-full-screen { 
    width: 50%; 
    height: 50%; 
    background: #FFFFFF !important; 
    } 
    #box:-moz-full-screen { 
    width: 50%; 
    height: 50%; 
    background: #FFFFFF !important; 
    } 

이 크롬에서 작동하지만, 파이어 폭스 폭을 무시합니다.

Answer 1

전체 화면 모드 전환을 처리하는 동안 body 또는 html 요소에 대한 클래스를 추가 및 제거하고이 클래스의 컨텍스트에서 전체 화면 모드로 CSS를 작성할 수 있습니다.