2013-08-16 7 views
5

iOS ile ilgili bazı sorunlar yaşıyorum (iOS için Safari ve Chrome). Kullanıcı yakınlaştırmak sayfa boyutu değiştiriyor gibi görünüyor (aynı zamanda düzinelerce kez yeniden boyutlandırma javascript olayı tetikleniyor) hangi javascript kullanarak konumlandırılmış içeriğimin bir kısmını karıştırıyor. Yeniden boyutlandırma olayını bağlayarak bunu düzeltemiyorum çünkü çok fazla yol çağrılıyor ve hangisinin son olduğunu bilmenin bir yolu yok.Yakınlaştırırken iOS'ta sayfa boyutu değiştiriliyor

Hayır şans (genişlik, İlk ölçekli, maksimum ölçekli, minimum ölçekli) ile görünümden söz konusu çeşitli seçenekler ayar çalıştılar.

Sabit, sağ, sol ve üstten sabit bir konum divum var. İçinde birkaç mutlak div vardır ve% olarak ayarlanmış boyutları ve konumları vardır.

sayfa aslında boyutları değişiyor gibi görünüyor çünkü ekranın sağ ve altına boş sınırları bakınız ben yakınlaştırdıktan sonra uzaklaştırmak zaman. Bunun olmasını önlemek istiyorum.

+0

Bakabileceğimiz herhangi bir kod var mı? –

+0

@ Jean-Paul Kod burada yayınlamam için çok büyük. Ben çoğaltmak için deneyebilirsiniz ama bunu barındırmak için hiçbir yerim yok (js fiddle iPad üzerinde çalışmayacak). Ama çoğaltabileceğinden şüpheliyim. Birisinin daha önce bu problemle karşılaştığını umuyordum, buna sebep olan bazı rastgele CSS kuralı olabileceğini düşünüyorum. Ama twitter bootstrap kullanıyorum. – Hoffmann

+0

HTML sayfalarını Dropbox'ta ücretsiz olarak barındırabilir, Public klasörünün içine bir index.html ve ilgili Javascript/CSS yerleştirebilir ve genel URL’yi almak için sağ tıklayabilirsiniz. – BausTheBig

cevap

2

Sorunu buldum. Sayfa kendini yeniden boyutlandırmıyordu, sabit konumlandırılmış öğeler vardı. Sabit konumlandırmanın, kullanıcının yakınlaştırdığı görüntüyü takip ettiği ortaya çıkıyor. Bulduğum tek çözüm, tüm sabit konumlandırmamı mutlak konumlandırmaya (benim durumumda bir acı olacak) değiştirmektir.

Ben de yeniden boyutlandırma olay penceresine bağlanması nedeniyle yakınlaştırma ve böylece yeniden boyutlandırma fonksiyonu tetiklendiğinde görünümü değişir mi bulduk. Diğer öğelerdeki yeniden boyutlandırma olayı does not work (gerçekten ihtiyacım olan durumda, yeniden boyutlandırmanın gövde üzerinde olduğunu görmek).

+0

Bir çözüm bulduğuna sevindim! Bununla birlikte, herhangi bir kod yazmadan kimsenin yardım etmesini çok zorlaştırdığını söylemeliyim.Bir dahaki sefere çiğnememiz için biraz daha kod yaz. ;) –

+0

Bunun için üzgünüm, kod gerçekten büyük ve neyin yanlış olduğu hakkında hiçbir fikrim yoktu, bunun sabit rasgele bir CSS kuralıyla ilişkili olduğunu ve sabit konumlandırmanın kendisiyle ilgili olmadığını düşündüm. CSS'm, buraya koymak için çok büyüktü (ve bazıları beraberindeki javascript olmadan anlam ifade etmiyor). – Hoffmann

0

Bu tür bir sorundan, hatta iOS Safari/Chrome'un önceki sürümlerinden bile habersizim. Hangi iOS sürümünü kullanıyorsunuz? OSX'e erişiminiz varsa, iOS Simulator'da bulunan tüm iOS sürümlerinde Safari'yi test ettiniz mi? IPad'de aynı davranışı görüyor musunuz? Küçük tarayıcılarda başka tarayıcıları test ettiniz mi? Yeniden boyutlandırma olayları hakkında çok defa denilen bir şeyden bahsediyorsunuz.

Aşağıdaki kod ile çalışmak için basit stilleri ve hiçbir javascript ile basit bir HTML sayfası almaya çalışacaktı: o değilse ...

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1"> 

Yukarıdaki kod imkansız yakınlaştırma yapmalıdır Basit bir kurulum üzerinde çalışın, sonra test ettiğiniz iOS sürümünde aşina olmadığım bir hata var. Bu şekilde çalışırsa, bu da kod üzerinde görünüm penceresi etiketi basan şey Öte yandan

, bu.

+0

Sorunu zaten buldum, cevabımı kontrol edebilirsiniz. Bu bakış açısı ile ilgili değildi. Yakınlaştırmayı devre dışı bırakmak istemiyorum, sabit konumlandırılmış öğelerin yakınlaştırmadan etkilenmesini istiyorum. Ancak bu mümkün görünmemektedir. – Hoffmann