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

Question

在这里变得非常困惑！

我有一个简单的html页面。

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

我该如何轻松做到这一点？

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

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

但是，我希望编辑的位是网站中的模板。

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

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

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

我在找东西，我可以很容易地添加到我的html代码。

Answer 1

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

Answer 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; 
} 
?>