“Widget:Lyrics”的版本间差异

删除228字节 、​ 2020年8月16日 (日) 03:07
// 使用Wikiplus小工具快速编辑
标签移动版网页编辑 移动版编辑
(// 使用Wikiplus小工具快速编辑)
<noinclude>{{doc|content={{tl|Lyrics}}。}}</noinclude><includeonly><!--{if !isset($wgLyrics) || !$wgLyrics}--><!--{assign var="wgLyrics" value=true scope="global"}--><script/includeonly><noinclude>备用Javascript脚本:<pre lang=js>
// </includeonly>Javascript脚本:<pre lang=js>
window.addEventListener('load', function () {
/*/ 计算渲染后的实际宽度,这部分备用
var ele = document.querySelector('.Lyrics_box'),
width = ele.dataset.width,
styles = document.createElement('style');
/* 计算渲染后的实际宽度,这部分备用
var content = document.querySelector('#mw-content-text'),
bodyWidth = parseInt(window.getComputedStyle( content, null ).getPropertyValue('width'),10);
*/
styles.innerHTML = '@media only screen and (min-width:720px) { div.Lyrics_box { width:' + width + '; } }';
document.head.appendChild(styles);
});
//</pre></noinclude>
<includeonly>
</script>
<style>
/* </includeonly>CSS样式表:<pre lang="css"> */
.Lyrics_box {
width: 100%;
max-width: 1080px;
display: inline-block;
.Lyrics_box .Lyrics_original,
.Lyrics_box .Lyrics_translated {
width:100calc(50% - 5px);
display: inline-block;
white-space: pre-wrap;
}
.Lyrics_box .Lyrics_original {
@media only screen and (min-width:720px) {
margin-right:10px;
}
@media only screen and (minmax-width:720px) {
.Lyrics_box {
width: 100% !important;
}
.Lyrics_box .Lyrics_original {
margin-right:10px0;
}
.Lyrics_box .Lyrics_original,
.Lyrics_box .Lyrics_translated {
width: calc(50100% - 5px);
}
}
16,874

个编辑