Nuestro proyecto está tratando de comparar dos imágenes. Podemos hacer que aparezcan las dos imágenes, pero solo se mueven una encima de la otra si cambiamos el tamaño de la ventana. Queremos que permanezcan uno al lado del otro y simplemente cambien el tamaño de la imagen si cambia la ventana. También he puesto un ejemplo de la línea de código para nuestras imágenes.
var stimulus = '<img src=' + 'img/' + artistArray2_b[3] + '/' + lastName_b[3] + 1 + '.jpg' + ' style="max-width:100%;" />, <img src =' + 'img/' + artistArray2_b[3] + '/' + lastName_b[3] + 2 + '.jpg' + ' style="max-width:100%;" />';cambie el tamaño de la imagen si la ventana cambia.
Esto suena como una tarea para usar la unidad relacionada con la ventana gráfica CSS. En este caso, probablemente vw , es decir, relacionado con el ancho ( 100vw = ancho completo), considere seguir un ejemplo simple
<html> <head></head> <body> <div style="background-color:#0000FF;height:100px;width:50vw"></div> </body> </html>Proporciona un div azul con una altura constante de 100 px y un ancho de la mitad de la ventana gráfica, es decir, se encogerá o alargará según cambie el tamaño de la ventana del navegador.