如何隐藏我的网站的地址栏的小服务

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(); 
} 
} 
}