2
我想切换不同的div（在同一个html页面上）取决于设备是iPhone还是iPad，我尝试了所有可能的方式，我可以想到它不起作用。我想显示nav_ipad，并且在ipad上打开nav_iphone时消失了，但是我的nav_iphone总是显示，不管我做了什么。这是我的代码，如果可以的话请帮助我，谢谢！在iPhone和iPad之间切换Div
HTML代码
<nav id="nav_ipad">
<ul>
<li><a href="about.html"><b>A</b>BOUT</a></li>
<li><a href=""><b>P</b>ROCESS</a></li>
<li><a href=""><b>W</b>ORK</a></li>
<li><a href=""><b>C</b>ONTACT</a></li>
</ul>
</nav>
<nav id="nav_iphone">
<ul>
<li><a href="site/about.html"><b>A</b>BOUT</a></li>
<li><a href=""><b>W</b>ORK</a></li>
</ul>
</nav>
的Javascript
if(navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) {
$('#nav_ipad').hide();
}
if(navigator.userAgent.match(/iPad/i)) {
$('#nav_iphone').hide();
// document.getElementById("nav_iphone").style.display = "none";
}
有形状配合CSS将更为优雅，设备/屏幕尺寸无关。 – TheZ
正如@TheZ所说的，您可能希望查看CSS中的媒体查询，以帮助您调整这种对其他设备更“通用”的效果。 –