2013-04-07 10 views
9

Próbuję zrozumieć użycie -webkit-text-size-adjust:none;.Co robi ustawienie -webkit-text-size-adjust?

Dodawanie/usuwanie nie ma wpływu na moje rozmiary czcionek na Androidzie (chrome) lub iOS (safari i chrome). Więc jaki jest pożytek?

+1

Usuwanie niczego nie zmienia, ponieważ 'none' jest wartością domyślną. – MarcinJuraszek

+2

Myślałem, że "auto" było domyślne. – user1437328

+3

To pytanie nie jest o opinii, czy wartości emocjonalnej - ale raczej jasne i proste "Próbowałem xyz i nie wydaje się, że ma wpływ, więc pomóż mi społeczności zrozumieć xyz." - powinien zostać ponownie otwarty. –

Odpowiedz

1

Wydaje się, że nie ma żadnych opublikowanych specyfikacji -webkit-text-size-adjust, ale jest np. nieformalny description, który mówi, że działa w Safari na iPhonie.

Zgodnie z(Edytor Projektu), auto jest wartością początkową, więc -webkit-text-size-adjust:none może działać tylko wtedy, gdy zastępuje ustawienie, które ustawia właściwość na inną wartość. Prawdopodobnie -webkit-text-size-adjust działa tak samo jak planowana właściwość text-size-adjust.

3

Urządzenie -webkit-text-size-adjust to experimental technology określa dopasowanie rozmiaru do wyświetlania treści tekstowej w przeglądarce Safari na telefonie iPhone. Zajmuje 3 typy wartości:

  • none: Rozmiar tekstu nie jest dopasowany.

  • auto (domyślnie): Rozmiar tekstu jest automatycznie dostosowywany do Safari na iPhonie.

  • Wielkość wyrażona w procentach wyświetlania tekstu w przeglądarce Safari na telefonie iPhone.

Tylko niektóre przeglądarki mobilne obsługują tę właściwość CSS obok iOS. Można sprawdzić kompatybilność here

6
-webkit-text-size-adjust 

określa, że ​​jeśli (autor) chcą, aby zmienić rozmiar tekstu, gdy strona przeglądarka jest powiększony. W większości przypadków lepiej ustawić go na auto lub 100%, ponieważ przeglądarka internetowa zajmie się sposobem zmiany rozmiaru tekstu.

Uwaga: Mozilla strona devlopers mówi Jego non-standard

Ten article pomoże ci więcej.

Ciekawe Uwaga: Programiści korzystający Twitter Bootstrap mogą być zainteresowani, aby wiedzieć, że Bootstrap wykorzystuje ‑webkit‑text‑size‑adjust: 100% wyjęciu z pudełka: Source Link

Edytuj

Chrome na Androidzie komórkowych korzysta font boosting, więc -webkit-text-size-adjust jest ignorowane bez względu na ustawioną wartość. Możesz wyłączyć czcionkę, zwiększając ją, ustawiając max-height na coś dużego (100000px lub coś podobnego), patrz: bug.

+0

po prostu przeczytaj notatkę o bootstrapie. ale szczerze mówiąc, myślę, że moje pytanie wciąż pozostaje bez odpowiedzi.Teraz dowiedziałem się, że używanie "none" jest złe dla przeglądarek na komputer, ale jak to dokładnie wpływa na przeglądarki mobilne? Po prostu nie widzę żadnych zmian w ustawianiu właściwości na "none". – user1437328

+0

jakiej przeglądarki używasz? –

+0

safari + chrome na iOS 6 (ipad) i chrome na Androida 4.2 (nexus) – user1437328