Ich benutze transform: scale(0.666667); transform-origin: 25.7778% 0 0; CSS, um Seiten auf jede Art von Bildschirmgrößen auf meinem Projekt passen.Nach dem ich zu den folgenden Problemen! Wenn ich Doppelklick auf Eingabe von E-Mails erscheint anderen OrtFirefox Eingabe Probleme beim Skalieren Seite
ich bin mir nicht sicher, ob Sie verwenden wollen verwandeln eine ansprechende Design zu erstellen. Sie können% 's verwenden, um Ihr Design an jeden Bildschirm anzupassen. Nach meinem Verständnis befindet sich die Transformation noch in experimentellen Phasen und ist nicht vollständig auf eine Produktionsumgebung vorbereitet. Ich denke, das Problem ist, dass das Problem darin besteht, dass der Ursprung des Drop-downs das CSS erbt und es erneut anwendet.
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
Aber wenn Sie zum Beispiel die Breite Ihrer Eingaben unabhängig von der Bildschirmgröße ändern wollten Sie Breite können: 50%; zum Beispiel und es wird immer 50% seines Containers sein. Jetzt gibt es mehr zu Responsive Design, Pausen für Bildschirmgrößen, wo Sie Ihr Design neu definieren, aber hoffentlich hilft das!
EDIT: Für eine Demonstration der Transformationseigenschaften Sie http://css3please.com/ besuchen Sie nutzt Echtzeit CSS-Bearbeitung um die Änderungen zu zeigen, während auch den entsprechenden Code für verschiedene Browser haben. Manchmal kann ein Problem auftreten, wenn Ihnen die entsprechenden Präfixe fehlen (-moz, -o, -ms, -webkit). Hoffentlich hilft das.
Eigentlich ist es wahr, dass '%' verwendet wird, um auf jeden Bildschirm zu passen. Aber ich muss skalieren. Es funktioniert auf Chrome, IE 10 außer Mozilla Firefox. Ich meine "Drop-Down". Wie auch immer, danke deine Antwort! – nAkhmedov
Ok, da Sie diese Route gehen möchten, fügen Sie die entsprechenden Präfixe hinzu? -moz-? Hier ist ein Link, der eine Menge der Effekte zeigt, von denen ich denke, dass du versuchst: http://css3please.com/ hoffentlich hilft das! – Jobokai
hast du vielleicht einen Link, um das live zu sehen? – MrCkobe