Dynamic Image Sizing (to scale)

2460

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:

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

2 Comments

You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.

Comment

About

Learning Technologist Swinburne University of Technology

Bio

Hello, world My name is Benji. I am passionate about being at the vanguard of digital transformation by combining design, data and decision science to develop new perspectives and solutions. I enjoy collaboration with a variety of stakeholders to identify novel approaches to solving complex problems, with over a decade of demonstrated history of working in the higher education sector. I am highly proficient in Microsoft Office Suite, have been a life-long user of Adobe products and consider myself an advanced user of the Adobe Creative Cloud (Spark, Photoshop, Premiere Pro, Lightroom, etc). I am experienced in Learning Technologies and have a wealth of experience with an array of Learning Management Systems (Canvas, Moodle, Compass). My experience is primarily in Academic Support and I consider myself to have strong Digital Literacy and Data Analysis skills.