Как задать <td> высоту равную ширине?

[siwmk]

Здравствуйте.
Я пытаюсь решить проблему CLS проверки Гугла. Мне нужно как-то установить высоту ячейки таблицы равной ширине этой ячейки. Ширина равна ширине смартфона.

Я пытался сделать <td ... onload="this.height=(this.width)"> , но не получается.

[Nexus]

Ширина равна ширине смартфона.

Т.е. ширина = 100% = 100vw.
Можно попробовать для ячейки указать атрибут style="width: 100vw"

<div class="square"></div>
<style>
.square {
  width: 10vw;
  height: 10vw;
  background: red;
}
</style>

[siwmk]

Получилось.
Но тут выяснилось, что мне надо не совсем 100% от ширины, а 93% от ширины экрана. Как тут написать правильно = 93vw ?

[siwmk]

Да 93vw сработало. Спасибо за информацию.

[siwmk]

А как насчет кроссбраузерности этой 93vw - будет ли в многих мобильных браузерах работать?

[Nexus]

siwmk,
https://developer.mozilla.org/ru/doc...%D0%BC%D0% B8