<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>1.0" /> <title>項目上的flex:22> ; <style> * { box-sizing: border-box; p } body { font: size 1.6rem; } display: flex; height: 20rem; border: 1px solid #000; } /* flex /* padding: 1rem; */ /* width: 10rem; 方便測試縮放功能，於這裡建議使用100%不用10rem； */ width: 100%; background-color: lightcyan; 設定項目是否允許放大 1是允許 0 是不允許*/ /* flex-grow: 1 ; */ /* 設定項目是否允許收縮 */ flex-shrink: 1; */ }/* flex 屬性*/ ; </頭> <正文> <div class="容器">
