При масштабе в x1.1 все держится нормально, но если более:
Дело в том, что данная кнопка - простой фон на футере, каким образом делается оптимизация при изменении масштабирования я еще не представляю, буду рад советам и best practice.
Код:
footer {
height:72px;
}
.footer{
margin-left: 100px;
width: 1120px;
background: url(../images/вертолеты_футер_сплошной.png) no-repeat;
background-size: 100%;
height: 100%;
text-align: right;
}
#btnText{
text-align: left;
position: absolute;
top:15px;
left:1020px;
font-weight: 100;
font: 13px 'Micra','Arial', serif;
padding: 0px 0px 2px 0px;
text-transform: uppercase;
}
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Песочница</title>
<link rel="stylesheet" href="../css/style.css"
<body>
<footer>
<div class = "footer">
<div class = "listMenu" >
<ul>
<li>ПРОБКИ</li>
<li>КАРТЫ</li>
</ul>
</div>
<span id = "btnText">список предприятий<br> корпорации</span>
</div>
</footer>
</body>
</head>
</html>