Firefox'ta IE ve Chrome'da paragraf ve kutu genişliği

Web sayfam en fazla 1260 piksel boyutunda. [Düzenle] Bu sorunun sadece sayfam için değil, aynı zamanda ağdaki tüm sayfalarda da (veya hemen hemen hepsinde, belki de sabit genişlikte veya maksimum genişlikte ayarlanmış olanlar) var olduğunu fark ettim.

% 100 yakınlaştırmanın altındaki büyük tarayıcılarda görüntülendiğinde, paragraf ve ana sütun, Firefox'ta Chrome ve IE’den daha fazla yatay yer kaplar. Ancak tüm tarayıcılardaki Müfettişler bunun 1260 piksel olduğunu gösteriyor. Aşağıdaki ekran görüntüleri 1920px geniş ekranda çekilmiş, Chrome ve IE’nin doğru oranlara sahip olduğu görünüyor.

görüntü tanımını buraya girin

FF'de Seçenekler-> İçerik-> Gelişmiş-> Asgari yazı tipi boyutu Yok olarak ayarlanmış durumda.

Neden FF'deki fark ve sayfanın FF'deki diğer tarayıcılardakiyle aynı genişlikte aynı genişlikte olmasını sağlamanın bir yolu var mı?

[Edit2] Sadece 1920 geniş ekranımda sayfamda ölçülen window.innerWidth javascript özelliğinin IE ve Chrome'da 1920 ama FF'de 1536 döndürdüğünü fark ettim. Böylece FF, yalnızca geniş piksel sayısını "görür".

firefox css

— CamCam
kaynak

Bu soru burada konu dışı, ancak StackOverflow'a uyduğunu düşünüyorum . Moderatörün dikkatini çekebilir ve göç isteyebilirsiniz (lütfen el ile tekrar göndermeyin). Her neyse, Minimal, Tam ve Doğrulanabilir bir örneğe ihtiyacımız olacak .

— gronostaj

Birisi kodla sorunu olduğunda, minimal, eksiksiz ve doğrulanabilir bir örnek gereklidir. Bu sorun kodumla ilgili değil, çünkü diğer tüm web sayfalarında aynı sonuç var. Çoğaltmak için:% 100 tarayıcı yakınlaştırmayı ayarlamak gidin stackexchange.com ve gözle sol ve sağ kenar boşluklarını ölçün. FF’de Chrome veya IE’den çok daha dardır, neden?

— camcam

Bunun küresel bir sorun olduğunu belirtmediniz, sorunuz "web sayfam" ile başlıyor ve hiçbir zaman diğer sayfaların da etkilendiğini söylemediniz. Bunu soruya dahil etmelisiniz, bu konuyu tamamen konuya sokuyor bence.

— gronostaj

pencerelerde. Firefox, ekran panelindeki ayarları tarayıcının varsayılan yazı tipi boyutu için kullanır.

Denetim Masası> Tüm Denetim Masası Öğeleri> Ekran

Tüm metin öğesi değerlerini 10 olarak ayarlayın.

Her iki tarayıcıdaki yazı tipi boyutu ayarlarının eşit olduğundan emin olun.

Firefox'ta: about: preferences # içerik> gelişmiş

Chrome'da: chrome: // settings / font

Ayrıca her iki tarayıcıda da yakınlaştırma düzeyini% 100 olarak ayarlayın.

Bu benim için hile yaptı ve her iki tarayıcı da aynı içeriği eşit olarak görüntüler.

— snahl
kaynak