Показать сообщение отдельно
  #2 (permalink)  
Старый 11.11.2021, 06:15
Аватар для Aetae
Тлен
Отправить личное сообщение для Aetae Посмотреть профиль Найти все сообщения от Aetae
 
Регистрация: 02.01.2010
Сообщений: 6,585

Обычная техника для aspect-ratio:
<style>
.wrapper {
  resize: horizontal;
  border: 1px dashed;
  width: 100px;
  overflow: hidden;
}

.wrapper::before {
  content: "";
  display: block;
  float: left;
  padding-bottom: 62.5%; /* 1280x800: 800 / 1280 * 100 */
}

#img {
  display: block;
  width: 100%;
}
</style>

<button onclick="img.src='//via.placeholder.com/1280x800'">
  load img
</button>

<div class="wrapper">
  <img id="img"/>
</div>
__________________
29375, 35

Последний раз редактировалось Aetae, 11.11.2021 в 16:44.
Ответить с цитированием