Używam transform: scale(0.666667); transform-origin: 25.7778% 0 0; css, aby dopasować strony do ekranów o dowolnym rozmiarze w moim projekcie. Po tym, jak napotkam następujące problemy: Gdy dwukrotnie kliknę, aby wprowadzić e-maile, pojawia się inne miejsceProblemy z wejściami do Firefoksa podczas skalowania strony
Nie jestem pewien, czy chciałbyś użyć przekształcenia, aby stworzyć responsywny projekt. Możesz użyć%, aby skalować swój projekt, aby pasował do dowolnego ekranu. Z mojego rozumienia transformacja jest nadal w fazie eksperymentalnej i nie jest w pełni przygotowana do środowiska produkcyjnego. Myślę, że problem polega na tym, że przyczyną upuszczenia jest dziedziczenie css i ponowne jego stosowanie.
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
Ale na przykład, jeśli chcesz zmodyfikować szerokość swoimi wejściami niezależnie od wielkości ekranu można wykorzystać width: 50%; na przykład i zawsze będzie to 50% jego kontenera. Teraz jest jeszcze bardziej responsywny projekt, łamie się dla rozmiarów ekranu, w którym redefiniujesz swój projekt, ale mam nadzieję, że to pomoże!
EDYTOWANIE: Aby wyświetlić właściwości transformacji, można przejść do strony http://css3please.com/. W czasie rzeczywistym edytowana jest css, aby zademonstrować zmiany, a także mieć odpowiedni kod dla różnych przeglądarek. Czasami problem może być spowodowany brakującymi odpowiednimi przedrostkami (-moz, -o, -ms, -webkit). Mam nadzieję, że to pomaga.
Właściwie to prawda, że za pomocą "%", aby dopasować dowolny ekran.Tak muszę skalować. Działa w przeglądarce Chrome, IE 10 z wyjątkiem Mozilla Firefox. Mam na myśli "drop down". W każdym razie dzięki odpowiedzi! – nAkhmedov
Ok, skoro chcesz iść tą trasą, czy dodajesz odpowiednie przedrostki? -moz-? Oto link, który pokazuje wiele efektów, które myślę, że próbujesz zrobić: http://css3please.com/ mam nadzieję, że to pomoże! – Jobokai
czy masz link do tego koncertu? – MrCkobe