如何只在平板电脑上显示html内容，而不在手机或桌面上显示？

/* 平板电脑样式 */
@media (min-width: 768px) and (max-width: 1024px) {
  /* 在这里编写适用于平板电脑的样式 */
}

/* 手机样式 */
@media (max-width: 767px) {
  /* 在这里编写适用于手机的样式 */
}

/* 桌面样式 */
@media (min-width: 1025px) {
  /* 在这里编写适用于桌面的样式 */
}

// 检测设备类型
function isTablet() {
  return (navigator.userAgent.match(/iPad|Android(?!.*Mobile)|Tablet/i));
}

function isMobile() {
  return (navigator.userAgent.match(/Mobile/i) || isTablet());
}

// 根据设备类型显示或隐藏HTML内容
if (isTablet()) {
  // 在这里显示针对平板电脑的HTML内容
} else {
  // 在这里隐藏针对平板电脑的HTML内容
}

if (isMobile()) {
  // 在这里显示针对手机的HTML内容
} else {
  // 在这里隐藏针对手机的HTML内容
}