<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA 互換" content="IE=edge" /> <meta name="viewport" content="width=device-width,Initial-scale=1.0" /> <title>item:property のフレックス</title> ; < ;style> /* フレックスコンテナ */ .container { 表示: フレックス; 高さ: 20rem; ボーダー: 1px ソリッド #000; } /*フレックス項目スタイル (つまり、子要素) */ .container > .item { / *padding: 1rem; */ /* width: 10rem; 便利 ここでズーム機能をテストします 10rem の代わりに 100% を使用することをお勧めします */ width: 100%; background-color: lightyan; border: 1px Solid #000; /* 項目の拡大を許可するかどうかを設定します 1 は許可します 0 は許可しません*/ /* flex-grow: 1 ;*//*項目の縮小を許可するかどうかを設定します*/flex-shrink: 1;/*Set主軸スペース上の項目のサイズ*//*Flex-base: 15rem;*/}/* flex プロパティ */ </style> </head> <本体> <div class="コンテナ"> <div class="item">item1</div> <div class="item">item2</div> <div class="item">item3</div> <div class="item">item4</div> </div> </body></html>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
コードはチェックされており、スケーリング可能です。スクリーンショットを撮って見せていただけますか、またはそれを確認して問題が何であるかを確認していただけますか。