728x90
반응형
모바일 화면단 강제로 가로모드로 변환하기 (실제 가로모드로 변경했을 때의 화면단과 동일하게 보여짐)
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes">
<!-- 화면이 너무 크게 보여질 경우 scale 값을 변경해주면 됨
<meta name="viewport" content="width=device-width, initial-scale=0.8, minimum-scale=0.1, maximum-scale=0.75, user-scalable=yes">
-->
</head>
<style>
@media( orientation: portrait ){
html {
transform: rotate(-90deg);
transform-origin: top left;
position: absolute;
top: 100%;
left: 0;
width: 100vh;
height: 100vw;
}
}
</style>
728x90
반응형
'HTML' 카테고리의 다른 글
[HTML] select 특정 option 비활성화 (0) | 2020.06.23 |
---|---|
[HTML] input type = "number" 숫자만 입력 (0) | 2020.06.16 |
[HTML] 텍스트 박스(input type = "text")에 숫자만 입력 ( onkeyup, onblur ) (0) | 2020.06.03 |
[HTML] 팝업 모달창 div 띄우기 (0) | 2020.05.27 |
[HTML] 파비콘 (0) | 2020.05.12 |