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

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

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

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

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

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

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

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

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