반응형 작업하는데 고민스럽습니다. 모바일,테블릿화면폭을 어떻게 정하시나요? 정보
반응형 작업하는데 고민스럽습니다. 모바일,테블릿화면폭을 어떻게 정하시나요?
본문
처음에는 bootsrap 설정을 그대로 썼다가.
폭이 좀 넓은 스마트폰이나 테블릿에서도 메뉴를 감추는 경우가 있어서
요즘은 사용하지 않고 있습니다.
css에서 설정폭을 바꾸어서 하기도 하는데. 가능한 배포한 그대로 쓰는 성격이라서.ㅠ
다른 프레임워크도 봤는데 이상하게 화면폭이 800 px 인경우에도 모바일로 댕강 잘라서
메뉴를 감추는게 너무 많더군요.. (물론 메뉴수도 5개 미만이라 충분할텐데도요)
==============================
메뉴 | 메뉴 | 메뉴 | 메뉴 | 메뉴 | 메뉴 |
==============================
같은 부분에서 어느 폭까지 메뉴를 살려주는 편이신가요?
최근에 작업방식을 바꾸어야 하나 심각하게 고민중입니다.^^
추천
0
0
댓글 6개
bootstrap 4 사용하시면 sass를 통해서 원하시는 브레이크 포인트를 수정하실 수 있지 않나용?
근데 저는 그냥 둬도 크게 문제를 느끼지 못했습니다^^;
// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
근데 저는 그냥 둬도 크게 문제를 느끼지 못했습니다^^;
// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }
// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }
// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }
// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
요즘 추세가 mobile first라서 작은 화면에서처럼 메뉴룰 숨기는 것을 default 로 작업할려는 경향이 큰 것같아요
제가 읽은 몇 개의 해외기사들을 보면 그렇더라고요
큰 pc 화면에서도 아예 처음부터 메뉴를 안 보이게 해두는 경우도 많아졌고요. 단지 그것이 사용자나 웹을 수주하려는 사람의 의사와는 무관해보이는데 제작편의적인 측면에서는 진일보 한 셈이죠
제가 읽은 몇 개의 해외기사들을 보면 그렇더라고요
큰 pc 화면에서도 아예 처음부터 메뉴를 안 보이게 해두는 경우도 많아졌고요. 단지 그것이 사용자나 웹을 수주하려는 사람의 의사와는 무관해보이는데 제작편의적인 측면에서는 진일보 한 셈이죠
정 안되면 가로 스크롤을 쓰는편입니다. -_-;;;
@로빈아빠 해당 돔에서만 scrolling을 넣는 방법을 취합니다.
간혹 모바일 width로는 해결이 안되는 컨텐츠들이 있어서 말이지요 ㅡ.ㅜ
간혹 모바일 width로는 해결이 안되는 컨텐츠들이 있어서 말이지요 ㅡ.ㅜ
보통 부트스트랩에서는 모바일과 PC에서 다르게 보여줄수 있지 않나요?
요샌 작업을 안해봐서 잘 기억이 나지 않지만 visible- 와 hidden- 등으로 작업 했던것 같네요.
요샌 작업을 안해봐서 잘 기억이 나지 않지만 visible- 와 hidden- 등으로 작업 했던것 같네요.