javascript - 缩放页面时 Firefox 输入问题

Question

我正在使用 transform: scale(0.666667); transform-origin: 25.7778% 0 0; css 以使页面适合我元素中的任何类型的屏幕尺寸。之后我面临以下问题!当我双击输入电子邮件时出现在其他地方

Answer 1

我不确定您是否想使用转换来创建响应式设计。您可以使用 % 来缩放您的设计以适应任何屏幕。据我了解，转换仍处于实验阶段，尚未为生产环境做好充分准备。我认为问题在于下拉列表的起源是继承 css 并重新应用它。

https://developer.mozilla.org/en-US/docs/Web/CSS/transform

但是例如，如果您想修改输入的宽度而不管屏幕尺寸如何，您可以使用 width:50%;例如，它总是占容器的 50%。现在响应式设计有了更多内容，您可以在重新定义设计的地方打破屏幕尺寸，但希望这对您有所帮助!

编辑:如需转换属性的演示，您可以访问 http://css3please.com/它使用实时 css 编辑来演示更改，同时还具有适用于各种浏览器的适当代码。如果缺少适当的前缀(-moz、-o、-ms、-webkit)，有时可能会导致问题。希望这会有所帮助。