保持div';s纵横比,并仅用CSS将其填充到窗口中

保持div';s纵横比,并仅用CSS将其填充到窗口中,css,Css,我需要使div适合浏览器,保持4:3的纵横比 如何仅使用CSS实现这一点?我在这里看到的所有解决方案都无助于div的安装。检查这里是否回答了您的问题 您也可以随时使用javascript。希望该链接能帮助您对于纵向屏幕,请使用100vw(窗口宽度)和75vw(窗口宽度的75%)的高度。对于横向屏幕,div的形状基于高度而不是宽度 正文{ 保证金:0; } div{ 宽度:100vw;高度:75vw; 背景:#BBB ;; 保证金:0自动; } @媒体屏幕和屏幕(最小纵横比:4/3){ di

我需要使div适合浏览器,保持4:3的纵横比


如何仅使用CSS实现这一点?我在这里看到的所有解决方案都无助于div的安装。

检查这里是否回答了您的问题


您也可以随时使用javascript。希望该链接能帮助您

对于纵向屏幕,请使用100vw(窗口宽度)和75vw(窗口宽度的75%)的高度。对于横向屏幕,div的形状基于高度而不是宽度

正文{
保证金:0;
}
div{
宽度:100vw;高度:75vw;
背景:#BBB ;;
保证金:0自动;
}
@媒体屏幕和屏幕(最小纵横比:4/3){
div{
宽度:133.33vh;高度:100vh;
}
}

您可能需要检查此链接