top: `${event.clientY}px`,
left: `${event.clientX}px`
<meta id="vp" name="viewport" content="width=device-width, initial-scale=1">
if (screen.width < 720)
{
var mvp = document.getElementById('vp');
mvp.setAttribute('content','initial-scale=0.1');
}
<section class="head" style="height:100px; background-color: #000;">
<div class="container">
<div class="row">
<div class="col-sm-2 logo">
<img src="http://s.otdelka-mo.ru/images/logo.png" alt="Logo"/>
</div>
<div class="col-sm-2 link">
<a href="#">Тут ссылка</a>
</div>
<div class="col-sm-8 search">
<input type="text" name="name" value="Поле поиска" style="width:100%">
</div>
</div>
</div>
</section>
.parent {
position: absolute;
&:before {
height: 100%;
display: inline-block;
vertical-align: middle;
content: '';
}
}
.parent {
position: absolute;
}
.parent:before {
height: 100%;
display: inline-block;
vertical-align: middle;
content: '';
}