我在我的项目中使用
transform: scale(0.666667); transform-origin: 25.7778% 0 0; 的 CSS，以适应任何屏幕尺寸的页面。但我遇到了以下问题：当我双击输入电子邮件时，出现在其他地方。1个回答
2
我不确定您是否想使用transform来创建响应式设计。您可以使用％来缩放设计以适合任何屏幕。据我了解，transform仍处于实验阶段，并且没有完全准备好投入生产环境。我认为问题是下拉菜单的起源继承了CSS并重新应用它。
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
例如，如果您想要修改输入框的宽度而不考虑屏幕大小，您可以使用width:50%;，这样它将始终是其容器的50%。现在，响应式设计还有更多内容，包括为重新定义设计的屏幕尺寸设置断点，但希望这可以帮助您！编辑：要演示变换属性，您可以访问http://css3please.com/。它使用实时CSS编辑来演示更改，同时还具有各种浏览器的适当代码。有时，如果您缺少适当的前缀（-moz，-o，-ms，-webkit），可能会导致问题。希望这可以帮助您。- Jobokai
2
实际上，使用“％”以适应任何屏幕是正确的。但是，我需要进行缩放。它在Chrome，IE 10上运行，除了Mozilla Firefox。我的意思是“下拉菜单”。无论如何，感谢您的回复！ - nAkhmedov
好的，既然你想走这条路线，那么你是否添加了适当的前缀 -moz-？这里有一个链接展示了很多我认为你想要实现的效果：http://css3please.com/ 希望这能帮到你！ - Jobokai
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接