2017-01-23 5 views
3

사파리와 축소가 문제가되는 사람이 있습니까? 100vw 너비의 div가 있는데 축소하면 100vw가 다시 계산되지 않습니다.Safari 100vw 확대/축소시 레이아웃 문제 - 이해 해주세요

뷰포트 단위에 몇 가지 단점이 있으며 canIuse 페이지에 문서화되어 있지만 그 중 아무 것도 내가 본 것 같지 않습니다. 나는 어딘가에서 상응하는 재산을 놓치고 있습니까?

여기에이 문제를 나타내는 jsFiddle가 있습니다. Safari에서 그것을로드하고 축소 : https://jsfiddle.net/4vax8Lga/

<body> 
 
<div style="background: red; height: 100vh; width: 100vw; color: white"> 
 
    100%width 
 
    <p>Zoom out to see if I fill the entire screen<p> 
 
</div> 
 
<body>

+0

은 jsFiddle 그냥 폭에서 폭 변경 검사 : 100vw을; ~ 너비 : 100 %; 예상대로 작동합니다. 그게 도움이되는지 알려주세요 – jameswassinger

+0

응답 해 주셔서 감사합니다. 나는 100 %가 여기에서 작동한다는 것을 알고 있지만, vw가 다른 문제를 해결할 수있는 경우가 있습니다. 이 예제는 vw over percentage의 사용을 보여주지는 않지만 Safari와 확대/축소에 vw에 문제가 있음을 보여줍니다. 나는 누군가가이 문제를 보았고 여전히 vw를 사용하면서 그것에 대한 피드백을 가지기를 바라고있다. –

답변