지금 사용하기 위해 가짜 env ()

CSS의 env() 기능은 얇은 공기에서 나타나지 않았습니다. 원래 Apple은 "Notch Screens"를 다루기 위해 사용되었으며 이제 초안 사양이되었습니다. 이 목표는 사용자 에이전트 또는 저자가 CSS의 글로벌 상수와 유사한 변수를 선언 할 수 있도록하는 것입니다.

그러나 사양은 env() 값을 설정하는 방법을 지정하지 않았습니다. 지금 사용해야하는 경우 가장 쉬운 방법은 일반 CSS 사용자 정의 속성을 사용하고 수정을 피하는 것입니다.

env() 구문을 사용하려면 PostCSS 플러그인을 사용하여 시뮬레이션 할 수 있습니다. 플러그인은 JavaScript 파일을 통해 변수를 선언합니다.

 postcsscustomproperties ({
  importfrom : 'path/to/file.js'/* module.exports = {
    환경 변환 : {
      '-브랜딩 패딩': '20px',
      '-Branding-small': '600px'
    }
  } */
});

JavaScript에서 변수를 정의하는 것은 흥미 롭습니다. 한 곳에서 변수를 설정하고 JavaScript 및 CSS 모두에 액세스 할 수 있기 때문입니다.

Harry Nicholls는 그의 기사 "CSS Env ()를 사용해야하는 이유"에서 유닛을 다룰 때 일부 메모와 같은 기사에서 더 자세히 소개합니다. 그러나 CSS 및 JavaScript에서 단일 소스 변경 불가능한 변수를 사용해야하는 경우 좋은 솔루션이며 env() 공식적으로 지원 된 후에 제거 할 수 있습니다.

위 내용은 지금 사용하기 위해 가짜 env ()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!