Проценты

Справочник:

Значение

Характеристики свойства

В каких браузерах работает?


6.0+	1.0+	3.5+	1.3+	1.0+	1.0+	1.0+

Для чего используется?

Такой тип значений используют за частую в том случае, когда необходима адаптивная верстка. То есть при изменении масштаба основного окна браузера (или разрешения монитора) все блоки на страничке должны сохранять исходную пропорцию. Это осуществляется как раз при помощи процентов. К примеру, если картинке задана ширина 100%, то она растянется на всю ширину родительского элемента, а если 50% - то займет только половину от его ширины, вне зависимости от внешних условий. Также, стоит отметить, что величина процентов может превышать значение 100%.

Как правильно задавать?

CSS-правило: число в процентах;

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Проценты</title>
  <style>
img {
	width:100%;
}
body {
	margin:0px;
	padding:0px;
}
  </style>
 </head>
 <body>
  <img src="img2.jpg">
 </body>
</html>

По итогу получаем

Тип CSS свойства:

Размеры