피시 메인페이지에 가로 스크롤좀 없애고 싶습니다..ㅜㅜ
본문
반응형을 아직 제대로 할줄 몰라서 우선 1920 피시부터 만들고 있는데요.
그럼 미디어쿼리를 넣기전에는 가로 스크롤이 생기는게 당연한거 아닌거 같은데...오직 피시용도 있쟌아요.
큰모니터에서는 스크롤이 없었는데 13인치 노트북으로 보니 가로 스크롤이 길게 생기는데 어떻게 해야할까요?
미디어쿼리 안넣고 그냥 방법좀 알려주세요...ㅜㅜ
미디어 쿼리 안넣어도 가로 스크롤이 안생기게 할수 있을거 같은데...도와주세요!
답변 3
overflow-x : auto 나 hidden 사용해 보세요
저 이미지 영역의 크기 값을 픽셀로 고정시켰거나 값을 안줘서 그렇습니다
width값을 퍼센트로 줘보세요
스타일로 overflow 조절하시는 방법
<textarea rows=3 cols=50 style="overflow:hidden">
[option]
- auto: 지정 사이즈이상 세로 스크롤 자동 생성
- visible: 모든 내용 보여짐
- hidden: 스크롤바 생기지 않음 (내용이 다 보이지 않음)
- scroll: 무조건 스크롤바를 보여줌(가로,세로 스크롤모두 생김)
예)
<body scroll=no> <!--스크롤바 없애기-->
<body style="overflow-x:hidden"> <!-- body 가로 스크롤 숨김 -->
<body style="overflow-y:hidden"> <!--body 세로 스크롤 숨김 -->
<body style="overflow-x:hidden;overflow-y:hidden">
<body style="overflow: auto; overflow-x:hidden;" >
<!-- 세로스크롤바는 자동, 가로스크롤바는 없애기 -->
<!-- 스타일로 잡는 방법 -->
<style type="text/css">
body { overflow:hidden }
</style>
이미지 등은 가로 세로 px보다는 %로 작업하시면 좋습니다.
text 등은 em 등등
그외의 방법도 많이 있겠죠 ~~
