image sizing in LC
Posted: Wed Jul 06, 2016 10:48 pm
In CSS,I can control the size of any image using ems or percentages.
Inline style examples below:
So, if my image is originally a large one, I can scale it in CSS to resize automatically to the screen size across a variety of devices. That is, 5em will display properly on all devices.
Is there a way to do this in LC?
I can find some references to creating a multitude of image sizes and stack sizes for a variety of devices. I've found some docs on responsive design, but, again, I'm looking for an easier way than those given in the references that I've found. Most of these solutions are based on older versions of LC. I'm thinking that perhaps, LC 8 has some updated way of dealing with device screen sizes.
TIA -Rachel
Inline style examples below:
Code: Select all
<img src="{imageurl}" style="width:5em;height:5em;border:#000;border-style:solid; border-width:thin;">
Code: Select all
<img src="{imageurl}" style="width:50%;height:auto;border:#000;border-style:solid; border-width:thin;">
Is there a way to do this in LC?
I can find some references to creating a multitude of image sizes and stack sizes for a variety of devices. I've found some docs on responsive design, but, again, I'm looking for an easier way than those given in the references that I've found. Most of these solutions are based on older versions of LC. I'm thinking that perhaps, LC 8 has some updated way of dealing with device screen sizes.
TIA -Rachel