inflearn logo
강의

Course

Instructor

A Real-World Guide to Getting a Job as a Publisher (PDF)

반응형 페이지 브레이크포인트에 대해 질문드려도 될까요??

1337

nemobim

3 asked

1

안녕하세요!

반응형 페이지를 만들다보면 드는 의문이 있어서요.. 물어볼곳이 없어서 질문드려요!

보통 반응형 페이지를 만들때 저는

모바일 320px 이상~

태블릿 768px 이상~

피씨는 그때마다 다르지만 한 1200px정도부터 잡고 시작하는데요!

 

320/768/1200 기준으로 디자인 작업을 하고나서 퍼블리싱을 하다보면

디자인은 딱 width 너비가 잡힌채로 하니까 이쁘게 나오는데

실제로 퍼블리싱하다보면 320px도 모바일이고 767px도 모바일이라 디자인이 애매해질때가 있거든요 ㅠㅠ

혹시 이런 부분은 실무에서 어떤식으로 해결하나요?

브레이크 포인트를 더 많이 잡고 배치를 해야하는 걸까요..?

 

HTML/CSS

Answer 1

0

codingworks

모바일을 320으로 잡는건 너무 예전 모바일까지 고려하는건데.. 글쎄요 전 375를 기준으로 잡는게 좋다고 생각합니다. 그리고 태블릿을 1200으로 잡는건 iPad Air가 1180이니까 괜찮은데 iPad Mini의 경우 1024니까 너비가 잘리지 않을까 합니다. 그래서 가장 안전하게 768~1024로 태블릿을 잡는게 좋다고 생각됩니다.

물론 블레이크포인트를 여러개 세밀하게 잡으면 좋지만 손이 많이 가잖아요. 혹시 그럴 여유가 있는 작업이라면 블레이크포인트를 여러개 세밀하게 잡는 것도 괜찮습니다.

1

nemobim

답변 감사합니다!!

6-6 실습 문의

0

18

2

섹션5 노션링크 는 따로 없나요?

0

22

2

Part 4에서 강의 연관 노션 정보들이 워드파일에 없습니다.

0

30

2

첨부자료 Part 4 코드 확인 부탁드리겠습니다.

0

23

2

선생님 각 강좌마다 예시로 보여주시는 웹페이지들은 어디서

0

21

1

퍼플렉시티 최소 결제단위 50달러로 바뀐 것 같습니다.

0

44

2

왕초보 질문입니다.

1

327

1

페이지 클론코딩 관련 질문드립니다

1

794

1

기능정의서

1

819

1

유튜브 기초강의 예제파일들은 어디서 다운받을 수 있나요?

2

380

1

포트폴리오의 형식질문

1

308

1

전문대졸 학점은행제 고민

1

282

1

퍼블리셔 취업 준비 공부 기간과 웹디자인기능사

3

1453

1

안녕하세요! 질문드립니다. (앞으로 나올 강의, 실무코딩내용?)

2

267

4

안녕하세요 선생님.

1

303

2

개인 홈페이지 파비콘 문제

1

695

4

안녕하세요 현재 웹퍼블리셔 과정 국비지원수업을 듣고 있는 수강생입니다.

1

795

4

카페24 파일질라 문의드립니다.

1

423

1

와이어프레임 연습문제 2

3

268

1

인라인블록 관련 문의

2

325

3

국비지원과 관련해서 문의드립니다.

1

232

1

포트폴리오 안에 들어가는 작업물에 대해서 질문이 있습니다

1

1565

3

공부 방법과 순서 관련해서 질문 드립니다.

1

283

1

와이어 프레임과 class 네이밍에 대한 질문

1

413

6