mirror of
https://github.com/WordPress/WordPress.git
synced 2024-10-06 03:27:48 +02:00
d902f1f167
IE9 doesn't understands `vh ` (vertical height) when inside of an `iframe`. Normally IE9 will understand `vh` as the vertical height relative to the viewport, but in an `iframe`, IE9 thinks the vertical height is relative to the size of the whole page. So this fixes that when the site is viewed in the Customizer preview – an `iframe`. Props laurelfulford. Fixes #38722. Built from https://develop.svn.wordpress.org/trunk@39215 git-svn-id: http://core.svn.wordpress.org/trunk@39155 1a063a9b-81f0-0310-95a4-ce76da25c4cd
38 lines
962 B
CSS
38 lines
962 B
CSS
/*
|
|
Theme Name: Twenty Seventeen
|
|
Description: IE9 specific styles.
|
|
*/
|
|
|
|
.has-header-image.twentyseventeen-front-page .custom-header,
|
|
.has-header-image.home.blog .custom-header {
|
|
height: 300px;
|
|
}
|
|
|
|
.has-header-image .custom-header-image img,
|
|
.has-header-image .custom-header-image video,
|
|
.has-header-image .custom-header-image iframe {
|
|
min-width: 100%;
|
|
}
|
|
|
|
@media screen and (min-width: 30em) {
|
|
|
|
.has-header-image.twentyseventeen-front-page .custom-header,
|
|
.has-header-image.home.blog .custom-header,
|
|
.twentyseventeen-front-page.has-header-image .custom-header-image,
|
|
.home.blog.has-header-image .custom-header-image,
|
|
.panel-image {
|
|
height: 700px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 48em) {
|
|
|
|
.has-header-image.twentyseventeen-front-page .custom-header,
|
|
.has-header-image.home.blog .custom-header,
|
|
.twentyseventeen-front-page.has-header-image .custom-header-image,
|
|
.home.blog.has-header-image .custom-header-image,
|
|
.panel-image {
|
|
height: 1000px;
|
|
}
|
|
}
|