Шрифт Bootstrap не реагирует так, как ожидалось

Я начинаю с Bootstrap, и все кажется правильным, когда я проверяю отзывчивость с помощью моего браузера на рабочем столе, но когда я иду на свой телефон (Iphone 6), он не дает мне того, м ожидая ...Шрифт Bootstrap не реагирует так, как ожидалось

Вот несколько скриншотов: Desktop (пониженный для просмотра мобильного браузера размера) enter image description here

телефона (Iphone 6) enter image description here

Мы можем ясно видеть, что есть некоторые проблема ... Я мог бы что-то пропустил.

Вы можете проверить свой код на этот адрес: http://robeen.fr/v3

Некоторая помощь была бы оценена:)

источник

2015-07-02 biiwop

На боковой ноте, добавьте 'класс = "IMG-адаптивный"' для WordPress логотип. В противном случае он выходит из порта просмотра. –

Спасибо за подсказку, я сделаю это в ближайшее время:) – biiwop

Пробовали ли вы плагины как http://simplefocus.com/flowtype/, чтобы иметь отзывчивые шрифты? –

Я установил его.

Проблема заключается в том, что я пропускал это в моем <head>

<meta name="viewport" content="width=device-width, initial-scale=1">

источник

2015-07-02 18:13:31 biiwop

Не использовать пиксели для размера шрифта. Попробуйте rem, em или % на основе значений. У вас также нет line-height, который является виновником в отключении ваших шрифтов. Не забудьте использовать гибкие формулы для расчета ширины. См. http://alistapart.com/article/responsive-web-design для получения дополнительной информации.

Кроме того, ваш сайт выглядит красиво, и вы должны гордиться работой, которую вы сделали. :)

источник

2015-07-02 10:41:02 fauverism

Отлично! Я попробую это через минуту, спасибо за отзывы:) – biiwop

Шрифт Bootstrap не реагирует так, как ожидалось

ответ

Смежные вопросы