가로 스크롤 만들기

PC 화면에서는 폭이 넓어 테이블이나 아이프레임을 충분히 표출시킬 수 있지만 모바일에서는 좁은 가로 화면에 제약이 많다.

이 경우 overflow-x: auto 구문을 사용하면 화면 크기 반응성 그대로 유지하면서 좌우 스크롤을 통해 콘텐츠를 충분히 보여줄 수 있다.

p 태그에는 작동하지 않으며 div 에 사용하는 것이 좋다.

<div style="overflow-x: auto;">

    <table ....>

        ....

    </table>

</div>