問題:以下のプロットは、部分的にフルスクリーンです。全画面表示で、この要素を拡大して画面の表示可能領域全体を埋めるにはどうすればよいですか?要素が完全にフルスクリーンにならない
フルスクリーン機能私が使用しています:フルスクリーンへ
function toggleFullscreen(elem) { //function to make element (cell) fullscreen on most browsers
elem = elem || document.documentElement;
if (!document.fullscreenElement && !document.mozFullScreenElement &&
!document.webkitFullscreenElement && !document.msFullscreenElement) {
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
}
}
}
コールバック:
var $saved_cell = $('.cell.code_cell.rendered.selected > div.output_wrapper > div.output > div > div.output_subarea.output_html.rendered_html');
$saved_cell.each(
function() { toggleFullscreen(this) }).css({
'background-color' : 'rgb(244,244,244)',
'position': 'absolute',
'z-index': '9999',
'min-width': '100%',
'height': '100vh',
'margin': '0',
'padding': '0',
'overflow': 'auto'
}); //expand selected cell
はまた、ここで選択した要素の周りのDOMのスクリーンショットです: