Question

我在我工作的网站上使用了很少的HTML框。

问题是，我们需要将HTML显示给计算机浏览器，但我们不希望这些显示在移动设备上，因为移动设备选择它时，HTML代码段会出现故障。

有没有人有任何想法？

Answer 1

您需要在CSS中使用媒体查询，以便将display: none添加到特定屏幕尺寸的元素

示例：

@media only screen AND (max-width: 736px) { // 736px is the iPhone 6+ max 
  .mobileHidden { // rename to whatever
    display: none; // doesn't display in the browser.
  }
}

您可以将最大宽度更改为您想要的任何内容，并将类名更改为任何内容。然后，您只需将类添加到要隐藏的元素中，然后完成所有操作。

CSS Media Query Standard Sizes

Answer 2

由于看起来任何PHP或JavaScript都被剥离了，我接下来会看到你是否可以利用网站上的任何现有样式 - 特别是如果该网站已经响应。减少浏览器窗口时是否存在隐藏或更改的元素？

使用浏览器开发人员工具（IE中的F12和FF（Chrome中的ctrl + shift + i）检查CSS）并查看CSS中是否已有任何媒体查询。这是一个很长的镜头，但可能有类似Stewartside已经建议的东西。如果是这样，您可以将该查询中的一个目标类添加到HTML框中的内容包装器div。为了清晰起见，再次使用Stewartside的示例中的类：

<div class="mobileHidden">Do what you want here</div>

否则，您可能需要与管理CMS的人员取得联系，解释您的要求并询问他们是否可以为CSS添加一些样式。

Answer 3

查看CSS中的媒体查询。有了它，您可以在小型设备上隐藏HTML元素。例如。

编辑：您可以直接在HTML元素上添加样式。但这是肮脏的HTML ......

如何使html代码段仅显示在桌面搜索中？

3 个答案: