6

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

在此处输入图像描述

4

1 回答 1

2

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

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

但是例如,如果您想修改输入的宽度而不考虑屏幕大小,您可以使用 width:50%; 例如,它将始终是其容器的 50%。现在有更多响应式设计,屏幕尺寸的中断,您可以重新定义您的设计,但希望这会有所帮助!

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

于 2013-09-23T17:33:50.647 回答