text - 如何实现一个在触摸时展开（和折叠）的文本框

Question

感谢您就如何为在所有浏览器上运行的移动网站提供任何建议！

Answer 1

you could use css 3d transforms

something like

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;
}