如果屏幕大小小于Y，则在php文件的主体标记内显示X

我需要使我的模板适应移动版本，而无需为每个案例或子网站创建不同的页面文件。我认为最简单的方法是将css文件更改为“重新排列”某些元素

这就是我到目前为止所做的：

• 我正在使用php

• 我使用了@media querys，在
  中添加了以下内容：
  ，因此每当用户使用小型设备访问站点时，它都会调用smartners.css文件

• 直到现在，当我决定调整下拉菜单时，一切都很顺利。 我有一个纯css的下拉菜单，它在鼠标上方被激活。我使用：鼠标悬停使菜单实际下拉

我想用许多项目（水平和垂直）替换那个大的下拉菜单，只需一个按钮，onclick就会下拉，并只显示几个项目。

为了做到这一点，我需要调整我的php页面文件以隐藏整个下拉菜单，并显示“mini-onclick”下拉菜单。这是我不知道怎么做的

我需要在我的body标记中（当菜单出现在body中时）使用一些javascript来表示如下内容：

如果屏幕小于700px，则显示此XXXX代码。否则请继续阅读页面的其余部分。

我打算用css在Smartphone.css文件中隐藏普通的下拉菜单，但不知道如何显示特殊的下拉菜单

任何帮助都将不胜感激！谢谢

---

Rosamunda

您可以使用PHP中的

用户代理

HTTP头来确定是否应该生成与智能手机相关的代码而不是普通代码

您还可以通过

screen

对象获取屏幕属性，如果是智能手机，则将下拉状态附加到

onclick

事件，如果不是，则附加到

onmouseover

事件

---

这很简单。您只需将CSS从

someclass:hover

更改为

someclass.hoverstate

，并在需要触发下拉列表时，您可以将

hoverstate

类添加到目标元素。

您可以使用PHP中的

User-Agent

HTTP头来确定是否应该生成与智能手机相关的代码而不是普通代码

您还可以通过

screen

对象获取屏幕属性，如果是智能手机，则将下拉状态附加到

onclick

事件，如果不是，则附加到

onmouseover

事件

---

这很简单。您只需将CSS从

someclass:hover

更改为

someclass.hoverstate

，当需要触发下拉列表时，您可以将

hoverstate

类添加到目标元素中。

谢谢您的评论！是的，这就是我更改css文件的方式（media=“only screen and（max width:700px）”），但是我如何在主体文件中添加特定行呢？谢谢您的评论！是的，这就是我更改css文件的方式（media=“only screen and（max width:700px）”），但是我如何在主体文件中添加特定的行呢？