Android Web Geliştirme ... Div genişliği (büyük olasılıkla iç metin) cihazın yakınlaştırmasına göre piksel cinsinden değişiyor

Question

Bir kurumun acil durum uyarı sistemi ile arayüz oluşturan bir uygulama geliştirdim. Nasıl çalışır, bir uyarı olduğunda, tüm kurumun web sayfalarında, prototip ve scriptaculous kullanarak javascript tarafından orada yerleştirilen sayfanın üst kısmında bir kayan kayan yazı görüntülenir.

Tüm bunlar, masaüstü tarayıcılarda mükemmel bir şekilde çalışır (IE6-8, Chrome, Safari, Firefox, Opera). Ayrıca iPhone'larda iyi çalışır. Tek sorunum, Android'deki görüntüdür.

Başlangıçta sorunu araştırırken, mobil aygıtları yakınlaştırırken ve ekran yönünü değiştirirken mobil aygıtları metnin yeniden boyutlandırmasını sağlayan mobil aygıtlar için bir CSS Özelliği (webkit) -webkit-metin boyutunda ayarlama yaptım. Bu özelliği birçok makalenin belirttiği gibi 'yok' olarak ayarladım.

Aşağıda, bir Android emülatöründen ekran görüntüleri gösterilmektedir. Soldaki ekran görüntüsü, sayfanın 1x büyütme oranını gösterir. Mesajların her biri arasındaki boşluk olması gerektiği gibi. Sağdaki ekran görüntüsü, yakınlaştırılmış sayfayı gösterir. Metin boyutu farklı şekilde işlendiğinde ve div genişliği metni içerecek kadar geniş olmayan mesajlar çakışır. Eksik bir şey

var marquee = new Element('div', { 'id' : 'marquee' + marquee_counter }) 
.setStyle({ 'display' : 'block' 
    , 'WebkitTextSizeAdjust' : 'none' 
    , 'fontSize' : '12px' 
    , 'lineHeight' : '25px' 
    , 'left' : $(marquee_container).getDimensions().width + 'px' }) 
.addClassName('marquee_text') 
.update(marquee_text); 
$(marquee_container).insert(marquee); 

var mı: İşte

http://www.themonkeyonline.com/spacing-example.jpg

sayfadaki div yerleştirir kod nedir?

Şu anda problemi araştırmaya devam edeceğim. Tüm bunları okuyan herkese teşekkürler.

---

Kısa bir güncelleştirme ... daha fazla test yaptıktan sonra sorunun mutlaka zoom'a bağlı olmadığı anlaşılıyor. Sorun, manzara görüntüsü gibi görünüyor. Gerçekten uzun metinleri test ettim ve hatta tüm yol boyunca uzandı, üst üste geldi. Metni içeren div, pencereden daha büyük boyutta olmayacak gibi görünüyor. ve set taşması:

http://elliottr.www-dev.seminolestate.edu/alert/

Answer 1

Bu sorunun oluştuğu bir demo sayfasına bağlantı gönderebilir misiniz? Onu Milestone'ımda yeniden denedim, ama yapamadım.

Answer 2

(göreceli de pozisyon ayarlamak gerekir): div boyutunu sınırlamak için bir genişlik ayarı deneyin: İşte

---

eylem kod örneği gizli Bu nedenle, metin div boyutunun ötesine geçmeyecek