2013-09-23 16 views
6

Projemdeki herhangi bir ekran boyutuna sığdırmak için sayfaları transform: scale(0.666667); transform-origin: 25.7778% 0 0; css kullanıyorum.Aşağıdaki sorunlara karşı karşıya olduğumda! Giriş e-postaları için çift tıkladığımda başka yer görünüyorSayfa ölçeklendirme yaparken Firefox giriş sorunları

enter image description here

+0

Bunu canlı olarak görmek için bağlantınız var mı? – MrCkobe

cevap

2

sana duyarlı tasarım oluşturmak için dönüşümü kullanmak isteyeyim emin değilim. Tasarımınızı herhangi bir ekrana sığacak şekilde ölçeklendirmek için% 'leri kullanabilirsiniz. Benim anlayışımdan, dönüşüm hala deneysel aşamalardadır ve bir üretim ortamı için tam olarak hazırlanmamıştır. Sorun şu ki problem, açılanın kökeninin css'i miras aldığını ve tekrar uygulamaya koyduğudur.

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

Ama

örneğin ne olursa olsun genişlik kullanabilirsiniz ekran boyutu Girişlerinizin genişliğini değiştirmek istiyorsa:% 50; örneğin her zaman konteynerinin% 50'si olacaktır. Şimdi daha fazla duyarlı tasarım var, tasarımınızı yeniden tanımladığınız ekran boyutlarını kırıyor, ama umarım bu yardımcı olur!

EDIT: Dönüştürme özelliklerinin bir gösterimi için http://css3please.com/ sayfasını ziyaret edebilirsiniz. Değişik tarayıcılar için uygun koda sahipken, değişiklikleri göstermek için gerçek zamanlı css düzenlemesini kullanır. Uygun önekler (-moz, -o, -ms, -webkit) eksikse, bazen bir sorun oluşabilir. Umarım bu yardımcı olur.

+0

Aslında, herhangi bir ekrana sığdırmak için '%' kullanmanın doğru olduğu doğrudur. Evet, ölçeklendirmem gerekiyor. Mozilla Firefox dışında Chrome, IE 10 üzerinde çalışıyor. 'Bırak' demek istiyorum. Neyse, teşekkürler cevabı! – nAkhmedov

+0

Bu rotaya gitmek istediğinizden beri uygun önekleri ekliyor musunuz? -moz-? İşte yapmaya çalıştığınızı düşündüğüm birçok etkiyi gösteren bir link: http://css3please.com/ umarım bu yardımcı olur! – Jobokai