Меню
Что нового?

Масштабируемая верстка во всех браузерах?

chisto_tolyan

Враг народа
Масштабируемая верстка во всех браузерах?

Вобщем, если указывать размеры шрифтов в % либо в em'ах, разные браузеры почему-то по разному их отображают - в ИЕ побольше, в Опере поменьше и тд. Почему так происходит и как сделать чтоб шрифты отображались одинаково во всех браузерах?
 

SelenIT

IT-лунатик :)
>чтобы допиться ... задавать размеры в пикселях

Не сработает в FF (да и в Опере могут быть свои спецэффекты). Да и то, что оно работает в IE - потенциальная проблема юзабилити.
 

alexhemp

Новичок
пиксели - это вообще-то тоже относительные единицы

http://alepira.ural.ru/css2/syndata.html#length-units

Пикселы относительны к разрешению устройства просмотра, т.е. чаще всего - дисплея компьютера. Если плотность пикселов выводного устройства сильно отличается от плотности типичного компьютерного дисплея, ПА должен перемасштабировать пикселные значения. Рекомендуется, чтобы пиксел в качестве точки отсчёта был визуальным углом одного пиксела на устройстве с плотностью пикселов 90dpi на расстоянии вытянутой руки от читателя. При нормальной длине руки 28 дюймов визуальный угол будет примерно 0.0227 градусов.

При чтении с расстояния вытянутой руки 1px соответствует примерно 0.28 мм (1/90 дюйма). При печати на лазерном принтере, рассчитанном на чтение с несколько меньшего расстояния, чем вытянутая рука, (55 см, 21 дюймов), 1px составляет около 0.21 мм. На принтере с разрешением 300 точек на дюйм (dpi) это можно округлить до 3 точек (0.25 мм); на принтере с 600 dpi это можно округлить до 5 точек.
Нажмите для раскрытия...
 

chisto_tolyan

Враг народа
если указывать размер в пикселах, шрифт выглядит приблизительно одинаково во всех браузерах, но тогда не работает зум текста в ИЕ)
 

SelenIT

IT-лунатик :)
По-моему, можно подобрать проценты, которые тоже будут везде выглядеть одинаково (у меня вроде бы получалось с 63% и 77%). А гугль выдал в первой пачке результатов еще такой совет:
Код: 
body {font-size:100.01%; }
p {font-size:0.8em; }
 

chisto_tolyan

Враг народа
Код: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test page</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
body {font-size:100.01%; }
p {font-size:0.8em; }
.dummy {font-size: 72%; }
</style>
</head>
<body>
hello, world!
<BR>
<p>
some paragraph...
</p>
<span class="dummy">some span</span>
</body>
</html>
HTML & CSS прошли валидацию W3C, по идее должно выглядеть одинаково))Но.
В ИЕ(6.0.3790.0):
текст hello world относится к <body> должен быть 100.01%,
текст some paragraph относится к <p> должен быть 0.8 ема,
текст some span относится к <span> должен быть 72%.
<span> и <p> выглядят одинаково...
В ФФ(1.5.0.3):
<p> несколько больше <span>
В Опера(8.01, билд 7642):
все шрифты немного больше чем в ИЕ и ФФ, ак и в ФФ <p> немного больше <span>.
Чуствую я, что неполучится добится одинаковых размеров, кроме как явно указывать в пикселах(
 
Войдите или зарегистрируйтесь для ответа.
Сверху