모바일 CSS 스타일링

2021. 12. 22. 10:06Study/Publishing

모바일 CSS 스타일링

모바일의 화면은 좌우로 좁다. 따라서 길게 스크롤이 발생할 수 있다. 바로가기 메뉴처럼 썸네일 로 만들어진 메뉴를 아래로 배치하면 사용자들이 보지 못하고 넘어갈 가능성이 있 기때문에 적절한 메뉴갯수 와 함께 이미지를 사용해야 한다. 각 디바이스에 맞는 고정형 사이트가 있고 어떤 디바이 스에서 보던 잘 맞는 가변형 사이트가 있다. 서브페이지 에서는 반드시 뒤로가기 버튼과 첫화면으 로 돌아가는 버튼이 존재해 야 한다. 가로보기와 세로보기 테스트를 해도 화면벗어남이나 깨짐이 없어야 한다.

 

  • 고정형 px값을 사용하지 않고 유동형 레이아웃(%)를 사용한다.

 

 

 

 

 

 

'Study > Publishing' 카테고리의 다른 글

youtube iframe 동영상 반응형 비율  (0) 2021.12.24
mobile 코딩 시 초기 세팅  (0) 2021.12.23
mobile viewport 및 기타설정  (0) 2021.12.21
mobile web  (0) 2021.12.21
a href=# 클릭 시 상단 이동 방지  (0) 2021.12.08