Estoy tratando de hacer que https://vscode.dev/ aparezca y ocupe toda la página cuando hago clic en el icono, pero parece que solo ocupa la parte superior de la página. ¿Cómo puedo arreglar esto?
var div = document.getElementById("content"); while(div.firstChild) { div.removeChild(div.firstChild); } document.getElementById("vscode").height = "100%"; document.getElementById("vscode").width = "100%"; }```Los elementos no tienen una altura del 100 % de forma predeterminada y los elementos secundarios dependen de la altura principal.
Por lo tanto, debe establecer la altura de los padres, incluidos los elementos html y body , en una altura del 100% si desea que un niño tenga una altura del 100%.
html, body { margin: 0; padding: 0; width: 100%; height: 100%; } #vscode { width: 100%; height: 100%; border:0 } <iframe src="https://vscode.dev/" id="vscode"/> Además, podría usar 100vh