最好的方法是使用CSS3媒体要求:@media (max-device-width: 480px)
但需要更多的工作。
让WordPress主题应用程序看起来像一个快速而肮脏的方法是将viewport meta标记添加到<head>
您的页面:
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
视口可缩放页面以适合用户设备
要在iOS和Android中隐藏地址栏,只需将这行JavaScript添加到您的页面:
// When ready...
window.addEventListener("load",function() {
// Set a timeout...
setTimeout(function(){
// Hide the address bar!
window.scrollTo(0, 1);
}, 0);
});
您还可以添加此元标记,它告诉iOS您的站点是一个web应用程序,并隐藏地址栏:
<meta name="apple-mobile-web-app-capable" content="yes" />