반응형 YouTube 및 기타 콘텐츠를 Flex 컨테이너에 삽입해 보았지만 YouTube가 포함된 컨테이너가 커지지 않아 서로 겹치거나 다른 요소와 겹칩니다. 잘 설명했는지 모르겠어서 시연할 코드와 상자도 만들었습니다.
https://codesandbox.io/s/objective-mountain-m4dhhb?file=/src/App.js
으아악삽입된 영상의 크기에 따라 삽입된 컨테이너가 늘어나고 줄어들도록 변경하려면 어떻게 해야 하나요? 도와주셔서 감사합니다
P粉3294258392024-03-22 19:02:43
업데이트
이것은 codesandbox 솔루션입니다.
position: "relative"
로 컨테이너에 싸서 설정합니다 宽度:“100%”
. paddingBottom
를 원하는 “56.25%”
(9 / 16 * 100%)를 사용하세요. 位置:“绝对”、顶部:0、左侧:0、宽度:“100%”、高度:“100%”
로 설정하세요. flexFlow: "column",
이를 달성하는 방법의 예는 다음과 같습니다.
으아악다른 코드
으아악