如何隱藏我的網站的地址欄的小服務

Question

我試圖隱藏我的網站的地址欄在所有小型設備的瀏覽器。我怎樣才能做到這一點。請參考圖片。以下是我的代碼：

<meta name="ap[![enter image description here][1]][1]ple-mobile-web-app-capable" content="yes" /> 
if((Browser.Platform.ios) || (Browser.Platform.webos) && (Browser.safari)) { 
window.addEventListener("load",function() { 
setTimeout(function(){ 
window.scrollTo(0, 1); 
}, 0); 
}); 
} 

Answer 1

您可以嘗試CSS中的媒體查詢。

ist of all 


@media(max-width:768px){ 
    div.class_name{ 
    display:none; 
} 

}

試試這個代碼。

Answer 2

<input type="button" value="click to toggle fullscreen" onclick="toggleFullScreen()"> 

function toggleFullScreen() { 
if ((document.fullScreenElement && document.fullScreenElement !== null) ||  
(!document.mozFullScreen && !document.webkitIsFullScreen)) { 
if (document.documentElement.requestFullScreen) { 
document.documentElement.requestFullScreen(); 
} else if (document.documentElement.mozRequestFullScreen) { 
document.documentElement.mozRequestFullScreen(); 
} else if (document.documentElement.webkitRequestFullScreen) {  document.documentElement.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT); 
} 
} else { 
if (document.cancelFullScreen) { 
document.cancelFullScreen(); 
} else if (document.mozCancelFullScreen) { 
document.mozCancelFullScreen(); 
} else if (document.webkitCancelFullScreen) { 
document.webkitCancelFullScreen(); 
} 
} 
}