max size of a scalable project

Question

Before Captivate 8, I could add a code to the header of the index to create a "max-width" so that the project wouldn't scale UP past my design size.

But now all of the size stuff is done with in-line css and I can't stop the project from scaling to whatever size the window is- HUGE if you are on a design monitor.

I want my projects to scale down so it can be used on a tablet or small laptop if needed, but not be too big when used on someones large monitor.

Is this really asking too much? I don't have time to do a responsive project- I don't want a new layout to match different screens. I just want everything to down-scale with constrained proportions.

Any thoughts on how to do this? If not, Adobe, PLEASE, PLEASE, PLEASE make this an option.

TLCMediaDesign · Answer

What is your output Jessica, swf, html or both? The "fix" is quite different for each.

For html5, publish a scaling project, insert the following JavaScript in the index.html file between the code that is in bold:

lJSLoaded = true;

var w = Math.max(document.documentElement.clientWidth, window.innerWidth || 0)

var h = Math.max(document.documentElement.clientHeight, window.innerHeight || 0)

if ( cp.model.data.project.w < w || cp.model.data.project.h < h )

{

cp.model.data.project.shc = false;

}

constructDIVs();

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded