Javascript 自动调整Qualtrics中参与者的图形大小';屏幕?

Javascript 自动调整Qualtrics中参与者的图形大小';屏幕?,javascript,css,Javascript,Css,我希望建立一个类似于调查者在两个选项中选择一个的模型。我找到了捕鼠器的密码。我的问题是创建一个参与者可以选择的形象。如果我把它做得太小,选择之间就不会有太多的差异。如果我把它设置得太大,小屏幕的参与者将不得不滚动查看这两幅图像,调查的重点将毫无意义 是否有任何方法可以使用CSS或Javascript编码,以使图像拉伸以适合其各自的浏览器/屏幕?我发现这上面的代码适用于背景,但不幸的是,这将不起作用,因为将有一系列不同的图片 谢谢大家! 您可以使用vh/vw设置图像的最大宽度/高度。1vh是视口高

我希望建立一个类似于调查者在两个选项中选择一个的模型。我找到了捕鼠器的密码。我的问题是创建一个参与者可以选择的形象。如果我把它做得太小,选择之间就不会有太多的差异。如果我把它设置得太大,小屏幕的参与者将不得不滚动查看这两幅图像,调查的重点将毫无意义

是否有任何方法可以使用CSS或Javascript编码,以使图像拉伸以适合其各自的浏览器/屏幕?我发现这上面的代码适用于背景,但不幸的是,这将不起作用,因为将有一系列不同的图片


谢谢大家!

您可以使用vh/vw设置图像的最大宽度/高度。1vh是视口高度(浏览器窗口)的1%,1vw是视口宽度的1%

例如: CSS:
.fit{max height:60vh;}

HTML:

(您可以找到如何在Qualtrics中添加自己的CSS。)