MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: →RWD Youtube 以及 Vimeo https://km.nicetypo.com/doc/0432dd74c46358204b599b4a3a9076bc: .video-container{ position:rela...") |
No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/*RWD Youtube 以及 Vimeo https://km.nicetypo.com/doc/0432dd74c46358204b599b4a3a9076bc */ | /*RWD Youtube 以及 Vimeo https://km.nicetypo.com/doc/0432dd74c46358204b599b4a3a9076bc */ | ||
.video-container{ | .video-container{ | ||
position:relative; | position:relative; | ||
padding-bottom:56.25%; | |||
padding-bottom:56.25%; | padding-top:30px;height:0;overflow:hidden; | ||
padding-top:30px;height:0;overflow:hidden; | |||
} | } | ||
@media screen and (min-width: 480px) { | |||
.video-container iframe, | |||
.video-container object, | |||
.video-container embed{ | |||
position:absolute; | |||
top:0; | |||
left:0; | |||
width: 425px; | |||
height: 355px; | |||
} | |||
} | |||
width: | @media only screen and (max-width: 480px) { | ||
.video-container iframe, | |||
.video-container object, | |||
.video-container embed{ | |||
height:100%; | position:absolute; | ||
top:0; | |||
left:0; | |||
width:100%; | |||
height:100%; | |||
} | |||
} | } | ||
Revision as of 00:13, 13 September 2017
/* CSS placed here will be applied to all skins */
/*RWD Youtube 以及 Vimeo https://km.nicetypo.com/doc/0432dd74c46358204b599b4a3a9076bc */
.video-container{
position:relative;
padding-bottom:56.25%;
padding-top:30px;height:0;overflow:hidden;
}
@media screen and (min-width: 480px) {
.video-container iframe,
.video-container object,
.video-container embed{
position:absolute;
top:0;
left:0;
width: 425px;
height: 355px;
}
}
@media only screen and (max-width: 480px) {
.video-container iframe,
.video-container object,
.video-container embed{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
}