Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何创建js和HTMLCSS_Javascript_Html_Css - Fatal编程技术网
Fatal编程技术网

Javascript 如何创建js和HTMLCSS

javascript html css

Javascript 如何创建js和HTMLCSS,javascript,html,css,Javascript,Html,Css,一组正方形的响应宽度和高度 我正在创建一个1:1正方形的网格。用户可以继续添加方块，我希望方块的大小保持在纵横比，但相应地调整大小。棘手的是，我希望正方形在页面上始终可见，也就是说，没有滚动，网页的宽度和高度都会有响应 我创建了一个示例，在测试时每秒添加一个正方形。但是，我无法让它与高度部分一起工作。我已经能够使它与宽度一起工作 setInterval（（）=>{ console.log（document.getElementsByClassName（'square-container'）[0

一组正方形的响应宽度和高度

我正在创建一个1:1正方形的网格。用户可以继续添加方块，我希望方块的大小保持在纵横比，但相应地调整大小。棘手的是，我希望正方形在页面上始终可见，也就是说，没有滚动，网页的宽度和高度都会有响应

我创建了一个示例，在测试时每秒添加一个正方形。但是，我无法让它与高度部分一起工作。我已经能够使它与宽度一起工作

setInterval（（）=>{
console.log（document.getElementsByClassName（'square-container'）[0]）；
document.getElementsByClassName（'square-container'）[0].innerHTML+=（“
”）； }, 1000); 
.square容器{
显示器：flex；
柔性包装：包装；
}
.广场{
位置：相对位置；
弹性基础：计算（33.333%-10px）；
保证金：5px；
框大小：边框框；
背景：红色；
过渡：背景1s；
}
.square：：之前{
内容：“；
显示：块；
填充顶部：100%；
}
一种方法是在添加每个方块时自动滚动到屏幕底部。我添加了这一行
window.scrollTo（0，document.body.scrollHeight）到您的代码，这使其在创建新行时向下滚动



setInterval（（）=>{
//console.log（document.getElementsByClassName（'square-container'）[0]）；
document.getElementsByClassName（'square-container'）[0].innerHTML+=（“
”）； scrollTo（0，document.body.scrollHeight）； }, 1000); 
.square容器{
显示器：flex；
柔性包装：包装；
}
.广场{
位置：相对位置；
弹性基础：计算（33.333%-10px）；
保证金：5px；
框大小：边框框；
背景：红色；
过渡：背景1s；
}
.square：：之前{
内容：“；
显示：块；
填充顶部：100%；
}
如何在css中添加高度和框的宽度？