Sto utilizzando transform: scale(0.666667); transform-origin: 25.7778% 0 0; css per adattare le pagine a qualsiasi tipo di dimensioni dello schermo sul mio progetto.Dopo aver risolto i seguenti problemi! Quando faccio doppio clic per inserire le email appare altro postoProblemi di input di Firefox durante il ridimensionamento della pagina
non sono sicuro se si desidera utilizzare trasformare per creare un responsive design. Puoi usare% per ridimensionare il tuo disegno per adattarlo a qualsiasi schermo. Dalla mia comprensione, la trasformazione è ancora in fase sperimentale e non completamente preparata per un ambiente di produzione. Penso che il problema sia che il problema è che l'origine del menu a tendina sta ereditando il css e riapplicandolo.
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
Ma per esempio se si voleva modificare la larghezza delle ingressi indipendentemente dalle dimensioni dello schermo è possibile utilizzare width: 50%; per esempio e sarà sempre il 50% del suo contenitore. Ora c'è di più nel design reattivo, nelle interruzioni per le dimensioni dello schermo in cui ridefinisci il tuo design, ma speriamo che questo aiuti!
MODIFICA: Per una dimostrazione delle proprietà di trasformazione è possibile visitare http://css3please.com/ Utilizza la modifica in tempo reale dei CSS per dimostrare le modifiche, pur avendo anche il codice appropriato per vari browser. A volte può verificarsi un problema se mancano i prefissi appropriati (-moz, -o, -ms, -webkit). Speriamo che questo aiuti.
In realtà è vero che si utilizza '%' per adattarsi a qualsiasi schermata. Sì, ho bisogno di ridimensionare. Funziona su Chrome, IE 10 tranne Mozilla Firefox. Intendo "discesa". Comunque grazie della tua risposta! – nAkhmedov
Ok visto che vuoi seguire quella strada stai aggiungendo i prefissi appropriati? -moz-? Ecco un link che dimostra molti degli effetti che penso tu stia tentando di fare: http://css3please.com/ spero che questo aiuti! – Jobokai
forse hai un link per vederlo dal vivo? – MrCkobe