Как сверстать квадратный див с размерами min(15vh, 12.5vw)?

Есть ли шанс без яваскрипта сверстать квадратный блок с размерами min(15vh, 12.5vw) ?
  • Вопрос задан
  • 293 просмотра
Пригласить эксперта
Ответы на вопрос 4
IonDen
@IonDen
JavaScript developer. IonDen.com
Вопрос не понятен, так что ли:
<div style="width: 12.5vw; height: 15vh;">
    test
</div>
Ответ написан
Lynn
@Lynn
nginx, js, css
dabblet.com/gist/6f6128be7c63d154d809d1d0c349e8d2
Ну, вот, например:

<div>
	<svg viewBox="0 0 1 1"></svg>
	<p>А что внутри?</p>
</div>


div {
	display: table-cell;
	box-shadow: 0 0 5px red;
	position: relative;
}

svg {
	display: block;
	width: 12.5vw;
	max-width: 15vh;
	visibility: hidden;
}

div p {
	position: absolute;
	margin: 0;
	padding: 10px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	box-shadow: 0 0 5px blue inset;
}
Ответ написан
pm_wanderer
@pm_wanderer
junior-HTML
Сверстать можно, но при условии, что у вас монитор с соотношением сторон 15:12,5)
Ответ написан
Casufi
@Casufi Автор вопроса
Использовал медиаквери
media screen and (orientation:portrait)
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы