在縮放頁面時Firefox輸入問題

我使用transform: scale(0.666667); transform-origin: 25.7778% 0 0; css爲了使頁面適合我項目中的任何一種屏幕尺寸。之後我面對以下問題！當我雙擊輸入電子郵件時出現其他地方在縮放頁面時Firefox輸入問題

enter image description here

2013-09-23 nAkhmedov

你也許有鏈接查看此直播？ – MrCkobe

我不確定您是否想使用轉換來創建響應式設計。您可以使用％來擴展您的設計以適應任何屏幕。根據我的理解，轉換仍處於實驗階段，並沒有爲生產環境做好充分的準備。我認爲問題在於，問題在於下拉菜單的來源是繼承css並重新應用它。

但是，例如，如果你想修改你輸入的寬度，無論屏幕大小，你可以使用寬度：50％;例如，它將永遠是它的容器的50％。現在有更多的響應式設計，爲重新定義您的設計的屏幕尺寸打破了限制，但希望這有助於您！

編輯：要了解變換屬性的演示，您可以訪問http://css3please.com/它使用實時CSS編輯來演示變化，同時也爲各種瀏覽器提供適當的代碼。如果缺少適當的前綴（-moz，-o，-ms，-webkit），有時可能會導致問題。希望這有助於。

2013-09-23 17:33:50 Jobokai

事實上，使用'％'是爲了適應任何屏幕。是的，我需要擴展。它正在使用Chrome，除Mozilla Firefox之外的IE 10。我的意思是「下降」。無論如何，謝謝你的迴應！ – nAkhmedov

好，既然你想要去那條路線，你是否添加了適當的前綴？ -moz-？這裏有一個鏈接，展示了我認爲你正在嘗試做的很多效果：http://css3please.com/希望這可以幫助！ – Jobokai

回答