질문사항
프로토타입에서 화면 크기를 조절하는 여러 메뉴가 있는데, 어떤 차이가 있죠?
답변
1. Fill screen
디자인을 모니터의 높이 혹은, 너비를 가득 채울 수 있는 크기로 보여줌.
2. Actual size (100%)
디자인을 모니터의 높이와 너비랑 상관없이 실제 크기로 보여줌.
3. Fill width and height
디자인을 모니터 화면 안에 모두 보일 수 있도록 맞춰서 보여줌.
4. Fit width
디자인의 너비를 기준으로 모니터에 맞춰서 보여줌.
5. Responsive
디자인을 프로토타입을 보여주는 기기 너비에 맞춰서 반응형으로 사이즈를 조절하여 보여줌.
추가로 알면 좋을 팁
Preview 모드에서 Responsive로 화면을 설정하신 다음, Preview창을 조절하시면 기기 해상도에 따른 화면 변화를 볼 수 있습니다! 그리고 브라우저로 프로토타입을 보시면 개발자 도구를 통해 기기별 실제화면 사이즈로 볼 수 있어요.
