Strelban’s Blog.

Масштабируемость изображений c помощью CSS.

Ни для кого не секрет, что часть пользователей при просмотре веб-страниц пользуется нестандартными размерами шрифтов.

Больше или меньше стандартного. Причины этого я рассматривать не буду, задача этой заметки немного другая.

При увеличении(или уменьшении) стандартного размера шрифта, меняется размер текста. Но размеры изображений остаются неизменными. Такую проблему можно легко решить с помощью CSS:

Здесь представлены два изображения: размер верхней неизменен, а вот нижняя будет становиться меньше или больше, в зависимости от размера текста, который определяет пользователь.

Единственное различие между верхней и нижней картинкой в добавленном css-коде, указывающим ее размер в em единицах:
style="width: 14.29em; height: 9.5em;"
Попробуйте поменять стандартный размер шрифта (нажав сочетание клавиш “Ctrl +” или “Ctrl -”, например ) и посмотрите результат.

Для вычисления размера в единицах em удобно пользоваться em calculator

Спасибо за ваше внимание.
До встречи в следующих заметках на Блоге Стрельбана.

–
Интересное в других блогах:

• Вся правда о блогах – от Arser, который ходит на работу в интернет.
• 3 сервиса для создания он-лайн презентаций – небольшой обзор от Уникального человека
• Интернет маркетинг для директоров от Саминского Алексея

Опубликовано: 9 February 2008    Тема: css

Ссылка на этот пост для блога:

Ссылка для форума:

Постоянная ссылка на пост:

Дополнить запись своим комментарием
Подписаться на обновления по RSS

Предыдущая запись: Итоги недели. 4 февраля 2008 года — Следующая запись: 14 вещей, которые следует научиться просить фрилансеру.