<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> "IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>flex:property on item</title> ; Container */ .container { display: flex; height: 20rem; border: 1px solid #000 } /* flex item style (d. h. untergeordnetes Element) */ .item { /* padding: 1rem; */ /* width: 10rem; Praktisch zum Testen der Skalierungsfunktion, hier 100% nicht erforderlich */ width: 100%; border: 1px solid #000; darf vergrößert werden 1 ist erlaubt 0 ist nicht erlaubt*/ /* flex-grow: 1; * / /* Legen Sie fest, ob das Element verkleinert werden darf */ / /* flex 属性 */ </style> </head> <Körper> <div class="container"> <div class="item">item1</div> <div class="item">item2</div> <div class="item">item3</div> <div class="item">item4</div> </div> </body></html>
代码检查了,可以缩放。你截图给我看下,或者在检测下,哪里的问题