缩放页面时Firefox输入问题

Question

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

在此输入图像描述

Answer 1

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

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

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