Question

Хочу поставить шапку в сайт в виде изображения, как сделать так, чтобы при масштабировании изображение также адаптировалось под размер сайта?

<header>
 <div class="image"><img src="http://dlsprimer2.ucoz.net/shapka.jpeg"></div>
 <div class="wrapper">
 <div id="header">
 <div class=head-top>
 <div class="nav-head">
 <div class="material-icons i_menu">menu</div>
 </div>
 <div class="head-l">
 <?if($SEARCH_FORM$)?>
 <div id="sch-box">
 <div class="material-icons i_search">search</div>
 <div class="search-box">$SEARCH_FORM$</div>
 </div>
 <?endif?>

Answer 1

.image img { 
margin: 0px auto;
width: 100%;
}