아래 화면처럼 웹브라우저의 넓이변화에 따른 폰트 및 각종 크기를 조건부로 지정할 수 있습니다.
웹에디터에는 [스타일]박스에 "반응형 글자 크기..." 스타일이 추가되어 있습니다.
해당 스타일을 선택하면 실제 html 소스상으로는 font-size:clamp(18px, 5vw, 40px) 처럼 스타일이 적용됩니다.
(최소값, 가변값, 최대값) 을 의미하며 자세한 설명은 아래 셀속성에서 지정하는 가변크기 화면의 [도움말]을 참고하세요.
웹에디터에는 추가로 선택영역을 브라우저의 넓이조건에 따라 회전을 시킬 수 있는 스타일도 추가되었습니다.
"Rotate 90deg on 992px" 은 브라우저 넓이가 992픽셀보다 작아지면 90도 회전시킨다는 의미입니다.
가변적인 크기 설정은 웹에디터 뿐만 아니라 셀속성 및 페이지설정에 있는 위치, 여백, 넓이, 높이 및 모서리크기등에 대해 단일크기(px,%,vw등) 외에 조건부 및 계산식 크기를 지정할 수 있습니다.
아래 화면처럼 크기입력란을 더블클릭하면 상세 설정박스가 나오게 됩니다.
조건부 크기, 계산식 크기 및 단위값에 대해서는 링크되어 있는 설명을 참고해주세요.
※ 추가된 기능을 사용하려면 웹브라우저 새로고침을 해주세요.(Ctrl+F5)
만약 새로고침으로도 추가된 기능이 보이지 않는다면, 브라우저에서 기존 캐싱파일을 사용하고 있는것이므로 이때는 아래 처럼 브라우저 메뉴(...) / [설정]에서 "캐시된 이미지 및 파일"을 삭제하면 됩니다.
("쿠키 및 기타 사이트 데이터" 까지 체크를 하고 삭제를 하면 기존 로그인 정보등이 사라질 수 있으므로 해당 체크는 해제 후 삭제하세요.)
[엣지 브라우저] 캐싱 지우기
[크롬 브라우저] 캐싱 지우기