2011-10-26 39 views
13

Çoğu web sitesinde, tarayıcıların yakınlaştırma düzeyini değiştirirken yazı tipi boyutu da artacak ve kullanıcının görmesine yardımcı olacaktır. Bazı nedenlerden dolayı, yeni web sitemde çalışmayacak. Tarayıcının yakınlaştırma seviyesini değiştirirken, her şey değişir ancak tüm yazı tipi boyutları aynı kalır. Bu davranışı denetlemek için kullanabileceğim bir css veya html özelliği var mı? Belirli bir piksel boyutu kullanılarak http://ca.skywatcher.com/index.phpTarayıcı boyutu neden yazı tipi boyutu değişmeyecek?

+2

Bir örnek html verebilir misiniz? auto

+2

@Because, herkes sitenizi tam olarak gördüğünüz şekilde tarayamıyor. Bu, görme problemleri olan veya başka çeşitli nedenlerden dolayı erişilebilirlik hakkındadır. –

+1

@JamWaffles Sizi ilgilendiren şeyleri bize bildirdiğiniz için teşekkür ederiz. Kullanıcıların web sitemdeki metni okumak için yakınlaştırmalarına izin vermeyi hayal edebiliyorum, ancak oldukça önemli bir özellik olsa da, bana yolların hatalarını gösterdiniz. – jball

cevap

25

Sorun, layout.css adresindeki gövde için -webkit-text-size-adjust: none;'u ayarlamış olmanızdır. -webkit-text-size-adjust: auto; ile değiştirmek, yazı tiplerinin sayfa ile birlikte yakınlaştırılmasını sağlar.

Düzeltme: CSS'yi düzeltildi. 0

+2

İyi bul! Bu, Firefox'ta sorunun neden oluşmadığını açıklar. İşte bir yazı -webkit-text-size-adjust: http://www.456bereastreet.com/archive/201011/beware_of_-webkit-text-size-adjustnone/ – jdigital

+0

@jdigital Haha, ben sadece bir tane okuyordum . Bunun neden işe yaradığını da bilmek istedim. – Lycha

+0

Çalışır, çok teşekkürler! – lucemia

9

Yazı (birkaç diğerleri ile birlikte) göreceli değildir: Burada

Teşekkür

bir örnektir. Yakınlaştırma göreli bilgiyi değiştirir. Kullanıcı yakınlaştırdığında

http://www.westciv.com/style_master/academy/css_tutorial/properties/values.html

Name  Abbrev. Explanation        Relative? 
em   em  The height of a font     yes 
ex   ex  The height of the letter x in a font yes 
pica  pc  1 pica is 12 points      no 
point  pt  1/72 of an inch       no 
pixel  px  One dot on a screen      no 
millimeter mm  Printing unit       no 
centimeter cm  Printing unit       no 
inch  in  Printing unit       no 
+3

Modern tarayıcılar, yazı tipi için belirtilen birimlerden bağımsız olarak her şeyi yakınlaştıracaktır. @Lycha – jdigital

+0

@jdigital Strange cevabına bakın ... Artık birkaç gün önce gördüklerimi yeniden üretemedim ... (Unutmayın ki Geliştirici Araçları'ndaki Hesaplanmış Stilin herhangi bir -webkit girdisi olmadığını kontrol ettim zoom çalışmadığında. Ve şimdi siteler iyi bir görüntü oluşturuyor ... Yorumunuzu önceki yorumuma yazabilirsiniz ve bunu sileceğim. – netvope

1

size font-size ayarları için bir sabit nokta genişliği (ör .: piksel) kullanıyorsanız, ardından yazı tipi boyutu değişmeden kalacaktır. Kullanıcı fontu yaklaştırdığında fontun büyütülmesini veya küçültülmesini istiyorsanız, em ünitenizi üniteniz olarak kullanın (1 em = kullanıcı makinasındaki varsayılan yazı tipi boyutunun% 100'ü).

+0

Yakınlaştırma, yazı tipi boyutunu da değiştirir. – k3liutZu

İlgili konular