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를 입력하면 모든 기기에서 꽉 찬 화면으로 보여집니다.
반응형