가로 스크롤 만들기
PC 화면에서는 폭이 넓어 테이블이나 아이프레임을 충분히 표출시킬 수 있지만 모바일에서는 좁은 가로 화면에 제약이 많다.
이 경우 overflow-x: auto 구문을 사용하면 화면 크기 반응성 그대로 유지하면서 좌우 스크롤을 통해 콘텐츠를 충분히 보여줄 수 있다.
p 태그에는 작동하지 않으며 div 에 사용하는 것이 좋다.
<div style="overflow-x: auto;">
<table ....>
....
</table>
</div>
관련된 다른 게시물
- [2018/02/07] 모바일 기기에서 작동 조건문으로 제어하는 방법 ()
댓글 달기 WYSIWYG 사용