缩放页面时Firefox输入问题

Question

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

Answer 1

我不确定您是否想要使用transform来创建响应式设计。您可以使用％'来缩放您的设计以适应任何屏幕。根据我的理解，转换仍处于试验阶段，并没有为生产环境做好充分准备。我认为问题在于问题是下拉的来源是继承css并重新应用它。

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

但是，例如，如果您想要修改输入的宽度而不管屏幕大小，您可以使用宽度：50％;例如，它总是50％的容器。现在，还有更多的响应式设计，重新定义您的设计的屏幕尺寸，但希望这会有所帮助！

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