Как масштабировать мозаику из картинок в HTML

Есть у меня маленькая картинка. Ее в HTML можно масштабировать до любого размера, хоть фиксированного в пикселах:
,
хоть в процентах от размера окна браузера:


А вот если у меня есть мозаика из разных картинок (<span style="white-space: nowrap;"><img ...><img ...><img ...><br>...</span>), например (здесь для простоты одинаковые),





Можно ли средствами HTML/CSS её масштабировать как единое целое, пусть даже с помощью iframe?
Дробные проценты у каждой картинки не предлагать - работает плохо.

Upd: Текущее решение (кто лучше?):

<div style="transform-origin: 0 0; white-space: nowrap;" 
    onmouseover="this.style.transform='scale('
        +(window.innerWidth-40)/наперед известная суммарная ширина картинок
        +')';"
>....

Caveats:

• минус 40 (вроде хватает) - на случай наличия вертикального скроллбара; если его не учитывать, появляется горизонтальный скроллбар.
  
• onload у меня в не очень новом файрфоксе почему-то не работает.