Adobe Edge Animate:有没有办法使用CSS媒体查询来调整图像大小?

时间:2014-01-17 14:39:26

标签: adobe-edge

我正在使用Adobe Edge Animate,我在使用所有不同的屏幕尺寸和分辨率时遇到了麻烦。我看到Adobe正在推出可能解决这个问题的新产品。基本上我所要做的就是有一个图像显示(例如横幅),它可以填充用户屏幕的宽度。我看到以下问题,但答案很老,我知道这方面有很多发展。任何想法都很有用。

Stackoverflow questions

1 个答案:

答案 0 :(得分:0)

从启动画面。在“属性”选项卡中,更改宽度旁边的开关以使其为100%。选择Max W参数并将其更改为。所有这些调整将使布局响应。接下来将图像拖到舞台上并放在左上角。在“属性”中,单击“使用响应布局的预设”,然后选择“中心背景图像”选项,再选择“应用”。这意味着只要舞台变形,图像就会保持在中央。拖动右下角手柄,使图像适合整个背景。请注意,图像不会缩放或拉伸,而是保持在中心位置。在“位置和大小”选项卡中有一个展开按钮;单击此按钮并添加最大W(图像的数量是多少)。将宽度更改为100%,然后按Enter键。它会立即回到75%,但它接受了这一变化。单击调整大小标记并向左拖动以查看将舞台调整为较小布局时会发生什么。如您所见,背景被剪裁但图像调整大小以适应。

以下是教程的链接我认为如果您执行本教程,这将更好地回答您的问题。 http://www.webdesignermag.co.uk/tutorials/create-a-responsive-animation-with-adobe-edge-animate/