Adobe Edge Animate CC For Dummies

Chapter 21

Building a Responsive Web Design

In This Chapter

Setting the Stage by percent

Applying layout defaults and layout presets for responsive web design

Combining different elements

Previewing on mobile devices through your browser

This chapter discusses the details of formatting settings for a responsive web design. By using percentages (%) instead of pixels (px), you can create animations that automatically adjust to the size of a person’s browser. Using percent also helps with formatting for different mobile screen sizes for devices such as phones and tablets.

Currently, popular mobile screen sizes range from 4 inches to 7 inches to 10 inches. Creating a separate animation for each type of device is not necessary. Instead, you can create a responsive web design as discussed in this chapter.

Starting at the Stage

To get started with creating a responsive web design, you need to set the width and height properties of the Stage to %.

You can also set the properties for maximum width and minimum width:

For the minimum width, you can use either % or px.

You can set the Max ...