我将以下 CSS 转换应用于 HTML 输入框。
-webkit-transform: scale(.5);
当我在输入框中键入文本直到它填满可见区域时,插入符号继续越过输入的边缘并被隐藏。通常,插入符号和文本会在您键入时滚动。
一旦插入符号达到预缩放输入的宽度,文本最终会开始滚动。在计算何时滚动文本时,浏览器似乎忽略了缩放。
这只是 WebKit 浏览器的问题(在 Chrome 和 iPad 上测试过)。-moz-transform 等效项在 FireFox 中运行良好。zoom 属性在 webkit 中运行良好,但在 iPad 上缩放时不够平滑,所以我不能真正将它用于我的项目。
你可以在这里看到一个例子:http: //jsfiddle.net/4Kv6w/
第一个输入框带有 -webkit-transform 缩放。第二个框是缩放设置。第三个是正常的。
任何帮助将不胜感激。
编辑- 通过使用 -webkit-transform 将输入框移动到左侧,您也可以在不缩放的情况下解决问题。这是一个例子:http: //jsfiddle.net/4Kv6w/15/