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

时间:2015-07-13 09:39:40

标签: html mobile

在这里变得非常困惑!

我有一个简单的html页面。

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

我怎样才能轻松完成?

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

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

然而,我想编辑的位是网站中的模板。

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

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

因此,我真的需要隐藏手机或小屏幕上的一些内容。

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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

如果您想要定位有限的设备,可以使用用户代理的概念。

PHP代码示例

{{1}}