我设计了一个网站，它使用CSS汉堡菜单来激活带有指向网站上不同网页的链接的滑动条。
我还编写了一个iPhone/andriod应用程序，该应用程序需要有一个汉堡菜单，可以打开运行swift和android代码的滑块工作。
我想添加到iPhone/android汉堡滑块链接到网站(它有自己的汉堡菜单(
我如何在网站上测试它是移动设备还是 PC，这样我就可以关闭"网站"汉堡包，如果它是移动设备，因为我已经在手机上拥有并且需要汉堡菜单。
我在网站上有php，所以如果是手机，我可以删除网站上的汉堡菜单。
这是主页
<html>
<div class="w3-sidebar w3-bar-block w3-card-2 w3-animate-left" style="display:none" id="mySidebar">
<button class="w3-bar-item w3-button w3-large" onclick="w3_close()">Home</button>
<a href="menu_01_angular.php" class="w3-bar-item w3-button">Link 1</a>
<a href="#" class="w3-bar-item w3-button">Link 2</a>
<a href="#" class="w3-bar-item w3-button">Link 3</a>
</div>
<div zclass="w3-main" id="main">
<div class="w3-teal">
<button class="w3-button w3-teal w3-xlarge" onclick="w3_open()">☰</button>
<div class="w3-container">
<h1>My Page</h1>
</div>
谢谢
所以有几种方法可以做到这一点，但一个非常简单的方法是这样的：
var width = $(window).width(); //jquery
var width = window.innerWidth; //javascript
if(width > 1000){do large screen width display)
else{handle small screen}
当然，1000只是一个任意数字。 这很棘手，因为当您考虑表格时，确实有各种尺寸的屏幕，因此由您决定什么属于哪里
我如何在网站上测试它是移动设备还是 PC，所以我可以 如果"网站"汉堡包是手机，请关闭，
如果我理解正确，您可以使用 CSS @media -rules 来设置仅适用于较小设备的 CSS 规则。下面是一个 CSS 媒体查询的简单代码片段示例。
@media (min-width: 700px), handheld
{
.w3-sidebar
{
display: none;
}
}