전체 레이아웃의 비례 배율 조정을 위해 내 프로젝트에서 도처에 viewport 단위를 사용했습니다. 이제 뷰포트가 '< 960'일 때 크기 조정을 중지하고 싶습니다. 미디어 쿼리를 사용하지 않고 크기 조정을 막을 수 있습니까? 미디어 쿼리를 사용하면 모든 단일 유닛을 재 할당해야 함을 의미하기 때문입니다. 이걸 어떻게 건너 뛰나요?특정 뷰포트에서 vw의 추가 스케일링을 중지 할 수 있습니까?
예 예를 들어 상대 단위와 고정 단위를 동시에 사용할 수 있습니다.
구현은 확장하려는 대상에 따라 다릅니다.
다음은 화면 너비에 따라 글꼴 크기를 조정하는 가장 기본적인 예입니다. 화면 너비가 450px보다 작은 경우에만 해당합니다.
당신은 그것을 가지고 놀고 뷰포트의 크기를 조절하여 실제 상황을 볼 수 있습니다.
#logo {
font-size: 20vw;
text-align: center;
}
@media screen and (min-width: 450px) {
#logo {
font-size: 83px;
}
}<div id="logo">"Logo"</div>