1
문제 : 아래 그림은 부분적으로 전체 화면에 불과합니다. 전체 화면에서 화면의 전체보기 영역을 채우기 위해이 요소를 늘리는 방법은 무엇입니까?요소가 완전히 전체 화면으로 돌아 가지 않음
I가 사용하고있는 풀 스크린 기능 : 전체 화면에
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의 스크린 샷이다
