响应尺寸的元素

Question

我想制作一个更改尺寸的div，它响应屏幕宽度，但也有最小值。例如，高度+宽度至少等于1500px，但两个值都不会小于500px。我想我的变量需要javascript，但我不确定如何构建函数。有什么帮助吗？

Answer 1

继续写下你的css

div{
 min-height:500px;
 min-width:500px;
 width:100%;//as u said that u want it be respond to screen dimensions.. i m presuming that u want it to be of screen's size
}

然后在js

var myDiv = document.querySelector('div');
if(myDiv.offsetHeight+myDiv.offsetWidth<1500){
 myDiv.style.minHeight = 1500-myDIv.offsetWidth+"px";
}