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
1 changed files with 4 additions and 6 deletions

View File

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