1/** 2 * Copyright (c) 2022 Shenzhen Kaihong Digital Industry Development Co., Ltd. 3 * Licensed under the Apache License, Version 2.0 (the "License"); 4 * you may not use this file except in compliance with the License. 5 * You may obtain a copy of the License at 6 * 7 * http://www.apache.org/licenses/LICENSE-2.0 8 * 9 * Unless required by applicable law or agreed to in writing, software 10 * distributed under the License is distributed on an "AS IS" BASIS, 11 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 12 * See the License for the specific language governing permissions and 13 * limitations under the License. 14 */ 15 16.container { 17 display: flex; 18 flex-direction: column; 19 left: 0px; 20 top: 0px; 21 width: 100%; 22 height: 100%; 23} 24 25camera{ 26 width: 300px; 27 height: 300px; 28} 29 30.testDiv { 31 display: flex; 32 flex-direction: column; 33 left: 0px; 34 top: 0px; 35 width: 100%; 36} 37 38.title { 39 font-size: 40px; 40 text-align: center; 41 width: 100%; 42 height: 60px; 43 margin: 10px; 44 padding: 10px; 45} 46 47@media screen and (orientation: landscape) { 48 .title { 49 font-size: 60px; 50 } 51} 52 53@media screen and (device-type: tablet) and (orientation: landscape) { 54 .title { 55 font-size: 100px; 56 } 57}