如何实现触摸时展开（和折叠）的文本框

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