Hi, I am trying to present a survey that has many pictures, but I want them to show up the same way regardless of the participant's screen size. Is there a way to make the photos change dynamically depending on the screen size? For example, If the screen in small the image goes smaller and if the screen is big the images go bigger?
Overall, I just want the pictures to take up the same amount of screen space on each computer, proportionately.
I hope this makes sense! I'm open to all suggestions!
How to make sure photos are the same proportionate size, regardless of device?
+1
+19HI mmccree ,
You can use below style tag to achieve the same:
img {
width: 100%;
height: auto !important;
}
And set the proportionate image size based on screen size.
Hope it resolves your query😊!!
+1qualtrics_nerd Thank you for responding! I'm a little new to qualtrics, so can you explain where I would put this? Is it in the look & feel settings? or the HTML for the picture itself?
I'm also not sure how to set it to be proportionate? I apologize for my confusion
+19Hi mmccree ,
You can use with your img tag only inside style attribute:
Hope it resolves your query😊!!
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.