How do you get images to be responsive in questions (i.e. resize based on screen size)?
Let me start by confessing I'm new to LS & CSS/HTML.
I'm running LS on LimeSurvey.org using the Default Template (running latest stable version i.e. 2.67).
The Default Template in CSS file "flat_and_modern.css" has:
img {
max-width: 100% !important;
}
In the text of a question I have:
<p><img alt="" src="/upload/surveys/856746/images/some_image.jpeg" /></p>
Issues:
I thought from this linklink it should resize with the screen due to the max-width being set.
Let me start by confessing I'm new to LS & CSS/HTML.
I'm running LS on LimeSurvey.org using the Default Template (running latest stable version i.e. 2.67).
The Default Template in CSS file "flat_and_modern.css" has:
img {
max-width: 100% !important;
}
In the text of a question I have:
<p><img alt="" src="/upload/surveys/856746/images/some_image.jpeg" /></p>
Issues:
- The image does not appear to be contained in width it's container
The window does not resize as I narrow the browser window.
[/li]
I thought from this linklink it should resize with the screen due to the max-width being set.