Skip navigation
All Places > Canvas Mobile Users Group > Blog > 2020 > January
2020

Did you know that you can embed images in a unit that dynamically size, according to your page size?

 

This is ideal for embedding images into your Canvas unit that can be viewed on a mobile with no issues.

 

The embed code from the HTML editor will refer to the width and height of the image:

<p><img src="https://xxxxxxxxxxxxxxxxx/courses/22607/files/6877530/preview" alt="Adobe Creative Cloud by application" width="1000" height="1600" data-api-endpoint="https://xxxxxxxxxxxxxxxxx//api/v1/courses/22607/files/6877530" data-api-returntype="File" /></p>

 

If we change the width to be 100%, the image will dynamically resize depending on the resolution of your screen/browser window:

<p><img src="https://xxxxxxxxxxxxxxxxx/courses/22607/files/6877530/preview" alt="Adobe Creative Cloud by application" width="100%" height="1600" data-api-endpoint="https://xxxxxxxxxxxxxxxxx//api/v1/courses/22607/files/6877530" data-api-returntype="File" /></p>

Filter Blog

By date: By tag: