본문으로 바로가기
Axure로 제작한 프로토타입을 아이폰 디바이스별로 꽉 차게 퍼블리싱 하기 위해서는 아래 2가지 순서대로 세팅하면 됩니다.

1. DEVICE-WIDTH 값이 가장 큰 아이폰 6 사이즈 375px로 프로토타입 설계

PHONE

INCH

WIDTH

HEIGHT

DEVICE-WIDTH

iPhone (Original - 3GS)

3.5

320

480

320

iPhone 4 (4, 4S)

3.5

640

960

320

iPhone 5 (5c, 5s)

4

640

1136

320

iPhone 6

4.7

750

1334

375


2. Publish 옵션에서 Mobile/Device 선택 후 Include Viewport Tag 체크, wdith값을 device-width로 선택하면 끝


Device-Width를 320px로 설계하면 아이폰 3,4,5에서는 꽉 차게 나오지만 아이폰 6에서 여백이 비어보이게 나옵니다. 반면에 Device-Width를 375px로 설계하고 Publish 옵션에서 device-width를 입력하면 모든 기기에서 꽉 찬 화면으로 보여집니다.


저작자 표시 비영리 변경 금지
신고
웹기획자 조영수
여행 카테고리 서비스 기획자. 《처음부터 다시 배우는 웹 기획》 저자. 웹기획&AXURE 강사. 웹/모바일 기획자 그룹 운영자.

댓글을 달아 주세요