Responsive
원본: projects/skill-lens/design/components/Responsive/README.md
상태: In Progress, 접근성 ✓, 다크 ✓, 코드 ✗
같은 화면, 세 구간: 폰 390(햄버거 + 아래 고정 띠, 카드 목록), 태블릿 834(접힌 길잡이, 표), PC 1440(길잡이 펼침, 서랍 열림). 전부 0.5배
같은 화면이 세 구간(폰, 태블릿, PC)에서 어떻게 달라지는지 한 장에서 봅니다.
쓰는 곳
새 화면과 부품의 구간 검토.
구성(화면이 넘겨줄 것)
화면 하나.
규칙
- 구간은 폰 ~767, 태블릿 768~1023, PC 1024~. 1440 이상은 내용 폭 1200.
- 바뀌는 것: 길잡이, 밀도, 겹침, 표, 쪽 넘김. 안 바뀌는 것: 색, 글자 단계, 둥글기, 간격, 움직임, 말.
- 태블릿은 배치는 PC, 크기는 폰.
- 구간 분기는
bundle.css안에서만.
접근성
.sl-vp로 감싸면 상자 폭으로 구간이 정해집니다.
이 사이트는 ideber 저장소 projects/skill-lens/ 에서 자동으로 만들어집니다. 고칠 때는 저장소를 고칩니다. 공개 주소이지만 검색엔진에는 나오지 않습니다.