Added correct syntax for HiDPI displays

This commit is contained in:
Dennis Potter 2019-02-03 14:19:55 +01:00
parent 38ee8eb373
commit 97cd0d53a5
Signed by: Dennis
GPG Key ID: 186A8AD440942BAF

View File

@ -59,22 +59,20 @@ header {
height: 800px; height: 800px;
min-height: 500px; min-height: 500px;
width: 100%; width: 100%;
background: #161415 url(../images/header-background_1920.jpg) no-repeat top center;
background-size: cover !important; background-size: cover !important;
-webkit-background-size: cover !important; -webkit-background-size: cover !important;
text-align: center; text-align: center;
overflow: hidden; overflow: hidden;
} }
@media only screen and (min-width: 1921px){ @media
(-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 144dpi) {
header { header {
background: #161415 url(../images/header-background.jpg) no-repeat top center; background: #161415 url(../images/header-background.jpg) no-repeat top center;
} }
} }
@media only screen and (max-width: 1920px){
header {
background: #161415 url(../images/header-background_1920.jpg) no-repeat top center;
}
}
/* vertically center banner section */ /* vertically center banner section */
header:before { header:before {