>  기사  >  웹 프론트엔드  >  너비 예제 공유를 기반으로 반응하는 적응형 높이

너비 예제 공유를 기반으로 반응하는 적응형 높이

小云云
小云云원래의
2018-01-25 11:40:492573검색

반응형 레이아웃의 경우 구성 요소의 너비에 따라 높이를 조정해야 하는 경우도 있습니다. CSS는 이런 종류의 동적 변화를 달성할 수 없습니다. 전통적으로 jQuery는 이를 달성하는 데 사용됩니다. 이번 글에서는 너비에 따라 높이를 조정하는 React의 예제 코드를 주로 소개합니다. 편집자도 꽤 괜찮다고 생각해서 지금 공유하고 참고용으로 올려드리겠습니다. 편집자를 따라가서 모두에게 도움이 되기를 바랍니다.

React에서는 JQuery에 의존할 필요가 없으며 구현이 비교적 간단합니다. DidMount 후에 너비만 변경하면 됩니다. ㅋㅋㅋ


JavaScript는 Iframe 적응형 높이(동일하거나 다른 도메인 이름 아래)를 처리합니다.


DIV+CSS 레이아웃의 적응형 높이에 대한 솔루션


모바일에서 적응형 높이 아래에 텍스트를 가운데 맞추는 방법

위 내용은 너비 예제 공유를 기반으로 반응하는 적응형 높이의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.