Проценты

Комментарии

Содержание

Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна.

Синтаксис

атрибут="<число>%"

Чтобы браузер понял что имеет дело с процентами после числа добавляется символ %.

Пример

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Проценты</title>
 </head>
 <body>
  <p><img src="pic.jpg" alt="Картинка" width="100%"></p>
 </body>
</html>

В данном примере ширина картинки задана как 100% и занимает всю ширину окна браузера. При изменении размеров окна само изображение также будет меняться вместе с ним.

Браузеры ?

Internet ExplorerChromeOperaSafariFirefox
112.111
AndroidFirefox MobileOpera MobileSafari Mobile
1161

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

Автор: Влад Мержевич
Последнее изменение: 15.08.2016
Редакторы: Влад Мержевич

Рекомендуем