如何仅在移动设备上进行定位答案

【问题标题】：How to do position fixed only on mobile devices如何仅在移动设备上进行定位
【发布时间】：2016-01-22 01:17:28
【问题描述】：

通常情况下，我有响应式导航 div。所以我想为它编写 CSS 使其仅在移动设备上固定位置。我该怎么做？

【问题讨论】：

欢迎来到 Stack Overflow！寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码。见How to create a Minimal, Complete, and Verifiable example

标签： css

【解决方案1】：

您可以使用 CSS 媒体查询。

在这里您可以找到更多信息： Using media query

你的例子：

@media only screen and (max-width: 40em) and (orientation: portrait){ // your code}

【讨论】：

【解决方案2】：

我无法真正举个例子，因为您的问题非常含糊，但您可以使用 css 媒体查询来更改手机的样式。您可以设置应用这些样式的最大宽度，这意味着小于该宽度的任何东西都将使用这些样式。（还有很多其他媒体查询选项，例如纵横比；您可以看到更多选项here，以及如何使用它们。

这是一个非常基本的媒体查询示例，您可以使用：

@media only screen and (min-width: 480px) {
    /* Styles here */
}

您可以在这些网站上阅读更多关于它们的信息：

[还有很多，google一下，你会发现无数的教程和例子。]

【讨论】：