CSS шапка сайта обрезается при увеличении масштаба
При нормальном масштабе всё отображается корректно. Но при его увеличении шапка обрезается по ширине экрана (если сдвинуть страницу вправо, то она будет обрезана).
<html>
<head>
<meta charset="utf-8">
<title>Безымянная страница</title>
<link href="index.css" rel="stylesheet">
</head>
<body>
<div class="header"></div>
<div class="container"></div>
</body>
</html>
.container {
width: 1188px;
height: 100%;
margin: 0 auto 0 auto;
font-size: 0;
background: #EEEEEE;
}
.header {
height: 64px;
margin-bottom: 16px;
background: #EEEEEE;
}
