2014-01-17 4 views
0

Adobe Edge Animate를 사용하고 있으며 모든 화면 크기와 해상도에 문제가 있습니다. Adobe에서이 문제를 해결할 수있는 새로운 제품이 출시되고 있습니다. 기본적으로 나는 사용자의 화면 너비를 채우는 이미지 디스플레이 (예 : 배너와 같은)를 가지고 있습니다. 나는 다음과 같은 질문을 보았지만 대답은 오래되었고 나는이 분야에서 많은 발전이 있었다는 것을 안다. 어떤 아이디어가 크게 apprciated. 시작 화면에서Adobe Edge Animate : CSS 미디어 쿼리를 사용하여 이미지의 크기를 조정하는 방법이 있습니까?

Stackoverflow questions

답변

0

. 속성 탭에서 폭 옆에있는 스위치를 100 %로 변경하십시오. 최대 W 매개 변수를 선택하고이 값을로 변경하십시오. 이 모든 조정으로 레이아웃이 반응합니다. 그런 다음 이미지를 스테이지로 끌어서 왼쪽 상단 모서리에 놓습니다. 속성에서 반응 형 레이아웃에 사전 설정 사용을 클릭하고 중앙 배경 이미지 옵션을 선택한 다음 적용을 선택합니다. 즉, 무대가 변할 때마다 이미지가 중앙에 유지됩니다. 이미지가 전체 배경에 맞도록 오른쪽 하단 모서리 핸들을 드래그하십시오. 이미지의 크기가 조절되지 않거나 늘리지 않고 가운데에 머물러 있습니다. 위치 및 크기 탭에는 확장 버튼이 있습니다. 이 버튼을 클릭하고 최대 너비 (이미지가 몇 개인 지)를 추가하십시오. 너비를 100 %로 변경하고 Enter 키를 누릅니다. 75 %로 바로 돌아갈 것이지만 그 변화를 받아 들였습니다. 스테이지의 크기가 작은 레이아웃으로 조정될 때 어떤 현상이 발생하는지 보려면 크기 조정 표식을 클릭하고 왼쪽으로 드래그하십시오. 보시다시피 배경은 잘리지 만 이미지의 크기가 맞게 조정됩니다. 여기

난 당신이 자습서를 할 경우이 더 나은 귀하의 질문에 대답 할 생각 튜토리얼에 대한 링크입니다. http://www.webdesignermag.co.uk/tutorials/create-a-responsive-animation-with-adobe-edge-animate/