CSS1 반응형 텍스트 줄바꿈 효율적으로 하기 (br 태그, wbr 태그) 줄바꿈이 민감한 카피 문구 카피 문구의 경우 줄바꿈 위치가 중요합니다. 저희는 기본적으로 모바일, 태블릿, 데스크탑 세가지 스크린 사이즈를 대응하고 있는데요. 프로젝트에 기존에 작성된 코드를 보니 개행문자가 삽입된 텍스트 파일을 모바일, 태블릿, 데스크탑 각각에 대해 갖고 있는 구조였습니다. 아래처럼 각 스크린 사이즈별로 개행문자(\n)가 다른 위치에 적용되는 것이죠. // mobile "동해물과 백두산이\n마르고 닳도록\n하느님이 보우하사\n우리나라 만세" // tablet (개행문자 위치가 mobile과 다름에 유의) "동해물과 백두산이 마르고\n닳도록 하느님이 보우하사 우리나라 만세" // desktop "동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세" 이렇게 하면 기기별로 텍스트.. 2022. 11. 14. 이전 1 다음
