На этой скрипке http://jsfiddle.net/mjmitche/qVdEy/6/ вы можете убедитесь, что выравнивание текста внутри всплывающего окна идеальное, однако, когда я помещаю точно такой же css / js / html на свой сайт, текст оказывается больше, чем контейнер!
Я пытаюсь выяснить, что происходит, с помощью firebug, но мне нужно переместить курсор из всплывающего окна, чтобы использовать firebug, а затем firebug исчезает. Я не могу понять, какие настройки в моем коде меняют представление. Всплывающие окна создаются с использованием Twitter Bootstrap.js (вы можете увидеть ресурсы в скрипте)
Ответ 1 · рейтинг 2 · Andrew Odri
Посмотрев на CSS popover, кажется, что явно не определен размер шрифта: http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css (просто найдите" popover "и просмотрите CSS)
Возможно, попробуйте добавить следующий CSS и настроить его оттуда:
.popover, .popover h3.title, .popover .content { font-size: 14px; }
Надеюсь, это поможет :)
Ответ 3 · рейтинг 4 · Ryan953
То, что я делаю, довольно странно и, похоже, работает только в Chrome, а не в Firebug. Шаги следующие:
- Откройте инспектор Chrome в новом окне
- Убедитесь, что часть инспектора находится над кнопкой, которую вы пытаетесь активировать (которая находится в фоновом окне
- Активируйте окно браузера и наведите указатель мыши на кнопку (это активирует всплывающее окно), теперь нажмите alt + tab (cmd + `в OSX), чтобы переключиться в окно инспектора.
- Это не вызовет событие mouseOut и не оставит ваше всплывающее окно прикрепленным к узлу тела DOM! Поскольку вы уже находитесь в инспекторе, вы можете перейти к нему и увидеть проблему css.
