2013-06-28 14 views
5

na mojej stronie internetowej istnieje następujący kod w sekcji:Meta rzutnia vs. rozmiar czcionki

<meta name="viewport" content="width=990"/> 

To sprawia, że ​​moją stronę wyświetlającą dobrze na urządzeniach mobilnych (nie mogę używać width = szerokość urządzenia z powodu płynącej elementy mieć 100% szerokości - źle przykręca stronę). Istnieje jednak efekt uboczny. W niektórych przeglądarkach, takich jak IE Mobile 10, sprawia, że ​​SOME fonts larger. Co zabawne, elementy na mojej stronie używają tego samego CSS wszędzie i tylko niektóre z nich są przez to odczuwalne. Nie mam pojęcia, dlaczego tak jest.

Czy jest coś, co mogę zrobić, aby przeglądarka nie powiększała czcionki i utrzymywała ją w piksel po pikselach tak samo jak na pulpicie? Zmień metatag? Umieścić coś w CSS, aby to zatrzymać?

Szukałem rozwiązania od dłuższego czasu bez żadnego efektu. Będę bardzo wdzięczny za pomoc w tej sprawie.

Z góry dziękuję!

Odpowiedz

4

spróbować dodać do swojego ciała

-webkit-text-size-adjust: 100%; 
-moz-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%; 
text-size-adjust: 100%; 

według następującego źródła, to będzie działać tylko na IE telefonie, jeśli usunąć tag rzutni. https://developer.mozilla.org/en-US/docs/Web/CSS/text-size-adjust

+0

Nie masz pojęcia, jaki jestem wdzięczny za to! –

+0

@WojciechMaj Bez problemu człowiek! Miło, że mogłem pomóc – koningdavid

Powiązane problemy