viewport-units

1열

3답변

미디어를 트리거하는 방법 javascript에서 style.width에 대한 쿼리

jQuery로 onclick 이벤트 (html) 작업 중입니다. 내 jquery에서이 이벤트의 너비를 설정합니다. 모바일 웹 사이트의 너비가 달라지기를 원합니다. 이를 위해서는 미디어 쿼리를 사용해야합니다. 데스크톱에서 50vw, 전화 (600px에서 실행 됨)에서 100vw이어야합니다. 이 작업을 올바르게 수행하는 방법은 없지만? function open

0열

1답변

키보드를 열거 나 검색 주소창이 사라지면 모바일 브라우저에서 브라우저 크기 조절을 중지하는 방법은 무엇입니까?

모바일에서 주소 표시 줄이 사라지거나 키보드가 열리면 뷰포트 크기에 영향을 주므로 vh 단위를 사용하는 CSS 값이 변경됩니다. 뷰포트 자체가 변경 되어도 vh 및 vw 단위가 크기를 유지할 수있는 방법이 있습니까?

0열

2답변

이미지에 미디어 쿼리 사용

코드에서 뷰포트 장치 너비를 사용하고 있습니다. 그것은 텍스트와 그림 모두에 대해 휴대폰에서 잘 작동합니다. .img 그와 <img> 포함 된 div에 적용되는 .img { width:100%; height:auto; text-align:center; } @media screen only and (min-device-widt

3열

3답변

CSS calc 부정확함

나는 ul 요소와 5 자식 <li>을 가지고 있습니다. <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <ul>는 display: flex 속성이 있습니다. 이 지금은 모두의 오른쪽 테두리를 추가 한 5 개 <li> 블록이 원하는 결과를 제공 ca

0열

1답변

너비와 높이에 따라 16 : 9 종횡비를 유지하십시오.

저는이 비디오를 아주 전체 화면이 아니라 닫고 싶습니다. 16 : 9 화면비를 유지하고 싶지만 비디오와 화면 가장자리 사이에 항상 패딩 또는 공간이 있어야합니다. 지금 당장 가지고있는 것은 https://jsfiddle.net/99yen3v3/입니다. width: 80vw; height: 45vw; div입니다. 웹 브라우저를 가로로 축소하면 잘 동작

-2열

1답변

특정 뷰포트에서 vw의 추가 스케일링을 중지 할 수 있습니까?

전체 레이아웃의 비례 배율 조정을 위해 내 프로젝트에서 도처에 viewport 단위를 사용했습니다. 이제 뷰포트가 '< 960'일 때 크기 조정을 중지하고 싶습니다. 미디어 쿼리를 사용하지 않고 크기 조정을 막을 수 있습니까? 미디어 쿼리를 사용하면 모든 단일 유닛을 재 할당해야 함을 의미하기 때문입니다. 이걸 어떻게 건너 뛰나요?

3열

1답변

Safari 100vw 확대/축소시 레이아웃 문제 - 이해 해주세요

사파리와 축소가 문제가되는 사람이 있습니까? 100vw 너비의 div가 있는데 축소하면 100vw가 다시 계산되지 않습니다. 뷰포트 단위에 몇 가지 단점이 있으며 canIuse 페이지에 문서화되어 있지만 그 중 아무 것도 내가 본 것 같지 않습니다. 나는 어딘가에서 상응하는 재산을 놓치고 있습니까? 여기에이 문제를 나타내는 jsFiddle가 있습니다. Sa

1열

1답변

Chrome에서 작동하는 이유는 무엇인가요? Internet Explorer에서 작동합니다.

따라서 vh을 사용하고 있으며, 내 지식으로는 페이지의 시야 높이가 1 percent입니다. 그것은 백분율처럼 작동해야하지만 국경과 다른 것들을 위해서 일해야합니다. 하지만 크롬에서는 웹 페이지의 맨 아래에 공백이 남습니다. 내가 이것을 요구하고 div /*It most be any element I'm just using div for an example

1열

2답변

가변 높이의 CSS 계산

두 div가 서로 쌓여 있습니다. 상단 div에는 아코디언 메뉴가 포함되어 있으며 완전히 확장되면 300px 높이입니다. 바닥 사업부의 CSS는 다음과 같습니다이 높이 : CALC (100vh - 300 픽셀) 상단 사업부의 아코디언가 완전히 확장 될 때이 잘 작동이 - 바닥 div의 수직의 나머지 부분을 채워 뷰포트의 공간. 위쪽 div의 아코디언이 축소

1열

1답변

일관성 VH 단위 행동

내가 가져가에 나타나는 의사 요소가 : 변경되지 않습니다 height: 0.4vh; 높이를 만 폭은 않습니다. 내가 보여이 바이올린을 넣어 있지만 종속 실현 : 어떤 이유로, 그러나, 특정 조건 하에서 다른 의사 요소의 높이가 (어두운 라인 모두 여기 height: 0.4vh이) 차이 이 별난이 발생하는지 뷰포트 높이 : https://jsfiddle.