Q. 아이폰4,5,6에 화면이 꽉차게 퍼블리싱 하는 방법.

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

반응형

저작자표시비영리변경금지