jQuery .css неправильно изменяет размер шрифта в Chrome - PullRequest
Новая
       15

jQuery .css неправильно изменяет размер шрифта в Chrome

0 голосов
/ 10 марта 2012

Это самое близкое, что я видел: Изменение размера шрифта с помощью функции jQuery css () приводит к сбою Chrome Но это не помогло.

Другие темы упоминали, что этоошибка в Webkit, но это были старые темы, и я не смог найти отчет об ошибке на сайте Webkit.

Проблема в том, что заголовок имеет фоновый рисунок с фиксированной шириной, а навигационное меню должно оставаться в пределах этой ширины,С тех пор я отказался от методов HTML или CSS для достижения этой цели.Если вы знаете что-либо, то, пожалуйста, поделитесь.Поэтому я прибегнул к JavaScript (jQuery).И это работает достаточно хорошо, за исключением Chrome.Текст на самом деле увеличивается в размерах по какой-то странной причине.

Вот упрощенный код в JSFiddle: http://jsfiddle.net/alininja/j4jD9/12/

Эта суть кода - это строка: 

$('body').css('font-size',(content_size-1)+'px');

Для FireFox и Opera размер текста уменьшается, чтобы соответствовать ширине заголовка, но не в Chrome.

Если я запускаю JSFiddle в Chrome, все работает, но на реальном веб-сайте появляется забавное поведение.Это происходит в Chrome 17.0.963.56.

Заранее спасибо!

1 Ответ

1 голос
/ 10 марта 2012

Если вам нужен кросс-браузер для обеспечения согласованности презентации, здесь требуется больше, чем просто настройка font-size.Вы предполагаете, что другие значения по умолчанию для свойства шрифта, такие как font-family, являются такими же кросс-браузерными, как и они.

Использование сброса css поможет

...