如何實現在觸摸時展開（和摺疊）的文本框

Question

感謝您提供關於如何在所有瀏覽器上運行的移動網站實現此目的的任何建議！

Answer 1

你可以使用CSS 3D轉換

像

input { 
    width: 280px; 
    -webkit-transition: width 1s ease; 
    -moz-transition: width 1s ease; 
    -o-transition: width 1s ease; 
    -ms-transition: width 1s ease; 
    transition: width 1s ease; 
} 

input:focus { 
    width: 340px; 
}