如果使用移动设备，则在页面上显示替代 html答案

【问题标题】：Display alternative html on a page if a mobile device is used如果使用移动设备，则在页面上显示替代 html
【发布时间】：2015-07-13 18:06:39
【问题描述】：

在这里变得非常困惑！

我有一个简单的 html 页面。

如果正在使用移动设备，我想隐藏某些位。

我怎样才能轻松做到这一点？

这将与显示的页面相同，只是某些位在移动设备上移动或隐藏。

我的问题是页面的一部分在移动设备上正确显示。

但我希望编辑的部分是网站内的模板。

因此，我向移动设备和桌面设备展示了相同的广告以及相同的数据。

这意味着我的宽度被搞砸了。

因此，我真的需要在手机或小屏幕上隐藏一些位。

我正在寻找可以轻松添加到我的 html 代码中的内容。

【问题讨论】：

标签： html mobile

【解决方案1】：

使用CSS media queries，您可以设置规则以根据屏幕宽度隐藏/显示元素。

【讨论】：

【解决方案2】：

检测移动设备的最佳解决方案是在现有页面上使用响应式网页设计概念。 CSS 媒体查询可用于为各种宽度的设备定义样式。响应式设计允许您为移动和非移动用户创建一个网页。

如果您想针对有限的设备，可以使用 User-Agent 的概念。

示例 PHP 代码

<?php if (
stristr($ua, "Windows CE") or
stristr($ua, "AvantGo") or
stristr($ua,"Mazingo") or
stristr($ua, "Blazer") ) {
  $DEVICE_TYPE="MOBILE";
}
if (isset($DEVICE_TYPE) and $DEVICE_TYPE=="MOBILE") {
  $location='mobile/index1.php';
  header ('Location: '.$location);
  exit;
}
?>

【讨论】：