在Safari瀏覽器中轉換不順暢

Question

字體大小的簡單轉換導致Safari瀏覽器中出現停頓，因爲它在Chrome和Firefox中很流暢。這是一個Safari瀏覽器問題，Webkit問題還是其他？任何黑客感激。

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" />