使用彈性訂單屬性重新排列桌面和移動視圖的項目我在容器內(nèi)有3個div。沒有嵌套的div。我正在使用flex和orderproperty。在移動設(shè)備上，可以使用order房產(chǎn)。但是在較大的屏幕上它失敗了。我沒有為div 2和3使用容器div，以便在移動設(shè)備上將它們命令為2,1,3。HTML文件<div class="container"><div class="orange">1</div><div class="blue">2</div><div class="green">3</div></div>CSS文件/*************** MOBILE *************/.container{
display: flex;
flex-wrap: wrap;}div.blue{
order:1;
width: 100%;}div.orange{
order:2;
width: 100%;}div.green{
order:3;
width: 100%;}/***************************/@media screen and (min-width:1200px){.container{
justify-content: space-between;}div.blue{
order:2;
width: 36%;}div.orange{
order:1;
width: 60%;}div.green{
order:3;
width: 36%;}}
添加回答
舉報
0/150
提交
取消