Я пытаюсь создать область содержимого определенного размера, но я не хочу, чтобы отображалось ничего, если возвращаемый результат из APIпустой.

Это код для HTML:

<div class="myclass">
        <iframe frameborder="0" src="http://localhost:1000/example"></iframe>
</div>

Я вызываю API, который иногда может вернуть нулевой результат. Javascript не на столе. Я пытался использовать ограничение CSS, как это:

.myclass {
max-width: 1060px; 
max-height: 392px;

  & > iframe {
      min-height: 0;
      min-width: 0;
      max-width: 1060px;
      max-height: 392px;
    }

   & > iframe:empty {
    display: none;
 }
}

Поведение для css таково: iframe все время скрыт, хотя у меня есть контент внутри него. Также, если iframe такой:

<div class="myclass">
        <iframe frameborder="0" src="http://localhost:1000/example">
        <!--notice white-space here-->
        </iframe>
</div>

CSS не будет видеть iframe как пустой.