Chrome'da yakınlaştırma, CSS konumlandırma sorunlarına neden oluyor

Web sayfamda Google Chrome'da yakınlaştırdığım ve uzaklaştığımda, birbiriyle tam olarak ilişkili olan öğeler konumu değiştirecek. Bu, birçok soruna neden olur: Örneğin, belirli yakınlaştırma seviyelerinde bir div, sınırını gizlemeye yetecek miktarda içeren div ile üst üste gelecektir. Benzer şekilde, bazen% 100 işaretleyici,% 100 noktasıyla tam olarak hizalanmaz.Chrome'da yakınlaştırma, CSS konumlandırma sorunlarına neden oluyor

Sayfa yakınlaştırıldığında veya çıkarıldığında öğelerin birbirleriyle ilişkili konumlandırılmasının değişmemesini sağlamanın bir yolu var mı?

kaynak

2012-09-04 dmr

Kodunuzu jsfiddle.net'e gönderebilir veya sitenizin linkini verebilirsiniz –

Eğer bir hata bulduğunuzu düşünüyorsanız, http://crbug.com adresinden yayınlayın ve düzeltilmesi halinde bir şansınız var demektir. – starbeamrainbowlabs

http://stackoverflow.com/questions/28223074/absolute-html-layout-is-broken-when-zooming/28223433#28223433 –

Yazı tipi boyutuna göre yeniden konumlanacak ve boyutlandıracak em yerleştirme kullanabilirsiniz. Böylece insanlar control + veya command + 'ı sevdikten sonra sayfa otomatik olarak yeniden boyutlandırılır. İşte elastik düzenler hakkında bir sayfa. Bu yardımcı olur umarım. alt/sol/sağ alt veya sağ/üst kıyasla left: px değeri ve bir top: px değerini kullanarak Tecrübelerime göre

http://v1.jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css

kaynak

2012-09-04 05:17:05 earlonrails

ile aynı CSS'de başlangıç ipuçları veren tüm sitelerden, bu cevap birincidir Hatta yakınlaştırma probleminin emreye dayandığını bile belirttim. Sadece iyi yakınlaştırma ölçeklendirmesi olan tüm sayfaların sadece gelişmiş hileleri tanıyan biri tarafından yapıldığını ve bunun çok kolay olmadığını düşündüm. Teşekkürler! –

Olumlu yorum için çok teşekkürler! – earlonrails

, hileye neden olabilir. Bu hem Chrome hem de FF için geçerlidir, IE üzerinde yorum yapamaz. Örneğin

#my-element 
{ 
    list-style-type: none; 
    position: fixed; 
    left: 54px; 
    top: 40px; 
}

kaynak

2014-01-09 19:28:59 DnfD

bu eski bir konu olmasına rağmen, bu sorunun tökezledi. "Zor" elemanlara sarıcı kaplar ekleyerek sabitlenmiştir. Bu yüzden css öğesini düzeltmeye çalışmadan önce, içerik paketleyicileri ilk önce kontrol edin ve emin olun.

kaynak

2015-11-20 10:40:40 zarenik

Chrome'da yakınlaştırma, CSS konumlandırma sorunlarına neden oluyor

cevap

İlgili konular