사파리에서 부드럽지 않은 전환

Question

글꼴 크기가 단순 변경되면 사파리가 망가져 결국 크롬과 파이어 폭스가 원활 해집니다. 이것은 사파리 문제, 웹킷 문제 또는 다른 것입니까? 모든 해킹이 인정됩니다. 와

input { 
 
    font-size: 1vw; 
 
    transition: font-size 0.4s; 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
    border: none; 
 
    box-shadow: none; 
 
    outline: none; 
 
} 
 
input:focus { 
 
    font-size: 1.2vw; 
 
}

<input type="text" placeholder="hello" value="hello"></input>

Answer 1

시도 transition:duration

transition-duration:0.4s; 
-webkit-transition-duration:0.4s; 
-ms-transition-duration:0.4s; 
-moz-transition-duration:0.4s; 

input { 
 
    font-size: 15px; 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    appearance: none; 
 
    border: none; 
 
    box-shadow: none; 
 
    outline: none; 
 
    transition-duration:0.4s; 
 
    -webkit-transition-duration:0.4s; 
 
    -ms-transition-duration:0.4s; 
 
    -moz-transition-duration:0.4s; 
 
    visibility:visible !important; 
 
} 
 
input:focus { 
 
    font-size: 30px; 
 
}

<input type="text" placeholder="hello" value="hello" />