Как исправить размер шрифта IE в GWT

Я использую стандартный GWT CSS + собственный CSS-файл с размером шрифта, равным 80%. Он работает во всех браузерах, кроме IE, где шрифт огромен. HUGE будет больше похож на него. :-)Как исправить размер шрифта IE в GWT

Вот мой CSS декларация:

body,html { 
    font-family: Arial, sans-serif; 
    font-size: 80%; 
    }

Как я могу добиться этого так IE соответствует?

Daniel

источник

2009-10-23 supercobra

font-size: 80% !important;

Это будет один способ, который, скорее всего, работать, но на самом деле не решение корень проблемы. Как выглядит GWT CSS?

Я предполагаю, что у вас где-то есть конфликт CSS. Ваше правило CSS, как указано выше, не имеет такого же веса, как правило, в CSS GWT. Посмотрите на этом сайте: http://css-tricks.com/specifics-on-css-specificity/

Это довольно хорошая статья, которая может помочь устранить основную причину некоторых конфликтов CSS. Формула, о которой говорит этот сайт, действительно открыла мне глаза, когда я впервые ее обнаружил (формула, а не статья).

В принципе, вы добавляете «оценку» для каждого правила в своем CSS. Правило с наивысшим счетом выигрывает и получает стиль элемента.

Каждый идентификатор стоит 100
Каждый класс стоит 10

Каждый элемент стоит 1

html body{font-size: 80%;} /* worth 2 */ 
body{font-size: 70%;} /* worth 1 */ 
body#body-id{font-size: 50%;} /* worth 101 */ 
body.body-class{font-size: 90%;} /* worth 11 */ 
#body-id{font-size: 60%;} /* worth 100 */

Шрифт-размер тела будет составлять 50%.

источник

2009-10-23 20:32:50 Bart

! Важно использовать только в самых тяжелых ситуациях, потому что это противоречит каскадным аспектам каскадных таблиц стилей. – sfarbota

+1 за дополнительную информацию, потому что я на самом деле понятия не имел об этих, казалось бы, основных правилах. – sfarbota

От W3Schools:

решение, которое работает во всех браузерах, чтобы установить размер шрифта по умолчанию в процентах для элемента тела:

body {font-size:100%} 
h1 {font-size:2.5em} 
h2 {font-size:1.875em} 
p {font-size:0.875em}

наш код прекрасно работает! Он показывает одинаковый размер текста во всех браузерах и позволяет всем браузерам масштабировать или изменять размер текста!

Другими словами, установите размер шрифта тела в процентах, как и у вас, но затем задайте его размер шрифта для определенных величин, используя ems в качестве единиц. Это устранит несколько проблем IE, включая тот, который вы испытываете, а также тот, который возникает при масштабировании и выходе.

источник

2009-10-23 20:51:56 sfarbota

Вы имеете в виду, что работает в GWT или вообще на HTML-сайте? – supercobra

Я говорил об общем CSS/HTML, потому что я думал, что когда вы сказали «+ мой собственный CSS-файл с размером шрифта, установленным на 80%», это означало, что рассматриваемый CSS будет отделен от материала GWT. Не уверен, что это будет работать в GWT или нет. – sfarbota

Я бы предложил взять сгенерированный файл css для любой темы, которую вы используете для GWT, и создать копию, на которую вы ссылаетесь.

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

источник

2009-10-29 17:34:15 bdorry

Как исправить размер шрифта IE в GWT

ответ

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