Невозможно правильно настроить размер шрифта на iPhone

0

Мой сайт все испорчен для моего iPhone и Samsung Galaxy S2. Я создал своего рода отзывчивый веб-сайт, который регулирует размеры всех должным образом отдельно от размеров каждого шрифта, более конкретно, когда в портрете на моем iPhone 5s текст слишком мал, однако, если смотреть в ландшафте, размер шрифта в порядке, то же самое для моего SGS2. Еще одна проблема заключается в том, что когда я впервые загружаю страницу на свой iPhone и SGS2, мне приходится сначала уменьшать масштаб, потому что он показывает только определенный процент страницы.

Пожалуйста, помогите, я уже давно пытаюсь разобраться с этим. Вот ссылка на сайт, о котором я говорю.

О, также, когда я просматриваю сайт на своем ноутбуке, размер шрифта просто идеален, но тогда я думаю, что окно не масштабируется.

Дайте мне знать, если вы хотите, чтобы я включил все HTML и CSS

  • 0
    ссылка не работает?
Теги:
responsive-design
font-size

1 ответ

0

Вы можете использовать некоторые свойства видового экрана:

<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, target-densitydpi=device-dpi" />

Вы также можете установить таблицу стилей для устройств handeld.

<link rel="stylesheet" media="handheld, only screen and (max-device-width: 320px)" href="phone.css">

Ссылки на документацию ниже полезны:

https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag

http://www.html5rocks.com/en/mobile/mobifying/

Поделиться
  • 0
    Без изменений, шрифт все еще очень маленький.
  • 0
    Был ли портрет / пейзаж решен с использованием начального масштаба = 1,0, максимального масштаба = 1,0?
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню