Niewytłumaczalna zmiana rozmiaru czcionki z pulpitu na przeglądarkę mobilną

Question

Tworzyłem program do formatowania kodu dla mojej witryny i napotkałem dziwne zachowanie między przeglądarkami na komputery i urządzenia przenośne. Na pulpicie blok kodu wygląda następująco:

i na moim iPhone są numery linii, z jakiegokolwiek powodu, w mniejszym rozmiarze czcionki:

nie mam zrobić wszystko, aby edytować dowolne rozmiary czcionek w dowolnym miejscu mojej witryny. To wszystkie domyślne rozmiary. Jeśli ręcznie ustawię rozmiar czcionki, powiedzmy 12px, nadal będzie wyświetlany w mojej przeglądarce na komputerze, a jeszcze mniej w mojej przeglądarce mobilnej.

Blok kodu jest ułożony jako tabela z dwoma komórkami. Lewa komórka zawiera tabelę z 1 kolumną, każdy wiersz zawiera liczbę. Prawidłowa komórka zawiera tabelę z 1 kolumną, każdy wiersz zawiera wiersz kodu.

Czy wiesz, dlaczego czcionka skurczyła się w przeglądarce mobilnej?

EDIT: Link: http://grantslatton.com/posts/blog/2013-08-16/sudoku_solver/

EDIT2: To świadczy poprawnie na telefonach z systemem Windows i Android komórkowych.

ROZWIĄZANIE: Wyłącza mobilną przeglądarkę Safari decyduje się na zmianę rozmiaru tekstu! Widziałem na tej stronie rozwiązanie, które działało: Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?

Wstawiłem -webkit-dopasuj rozmiar tekstu: 100% w sekcji body {} w moim CSS, aby uniemożliwić mobilne safari zmienianie się z moim rozmiarem tekstu.

Answer 1

Okazuje się, że mobilna przeglądarka Safari decyduje się na zmianę rozmiaru tekstu! Widziałem rozwiązanie na tej stronie, które przepracowanych:

• Fix font size issue on Mobile Safari (iPhone) where text is rendered inconsistently and some fonts are larger than others?

Włożyłem następujących w moim CSS aby zapobiec Mobile Safari od brudząc z mojego rozmiaru tekstu.

body { 
    -webkit-text-size-adjust: 100%; 
}