0 голосов
спросил от в категории JavascriptCSSHTML
Что-то вроде этого:

CSS:
*, *::before, *::after {     box-sizing: border-box; } #leftContent, #rightContent {     padding: 5px;     float: left; } #leftContent {     background-color: rgb(91, 134, 204);     width: 38.2%; } #rightContent {     background-color: rgb(186, 212, 255);     width: 61.8%; }
Javascript:
var updateSize = function() {     var left = document.getElementById("leftContent");     var right = document.getElementById("rightContent");     left.style.height = right.offsetWidth + "px"; }; updateSize(); window.addEventListener("resize", updateSize);

*, *::before, *::after {     box-sizing: border-box; } #leftContent, #rightContent {     padding: 5px;     float: left; } #leftContent {     background-color: rgb(91, 134, 204);     width: 38.2%; } #rightContent {     background-color: rgb(186, 212, 255);     width: 61.8%; }
# [
var updateSize = function() {     var left = document.getElementById("leftContent");     var right = document.getElementById("rightContent");     left.style.height = right.offsetWidth + "px"; }; updateSize(); window.addEventListener("resize", updateSize);
#]

В качестве альтернативы, если вы просто хотите, чтобы размер элемента составлял в процентах от ширину или высоту видового экрана, используйте единицы просмотра vw или vh :
#Viewport Sized Typography | CSS-Tricks # [#^ #]

Пожалуйста, войдите или зарегистрируйтесь чтобы ответить на этот вопрос.

Категории

Добро пожаловать на сайт DraftingCode Q&A, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие вопросы

0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptCSSHTML
0 голосов
0 ответов
0 голосов
0 ответов
спросил 01 Янв, 70 от MacFirst (120 баллов) в категории JavascriptCSSHTML
0 голосов
0 ответов
...