2016-01-21 155 views
-3

通常情况下我有响应导航div。所以我想写CSS来让它的位置只在移动设备上固定。我该怎么做 ?如何做只在移动设备上固定的位置

+0

欢迎堆栈溢出!寻求代码帮助的问题必须包含在问题本身**中重现它所需的最短代码**。请参阅[**如何创建最小,完整和可验证的示例**](http://stackoverflow.com/help/mcve) –

回答

0

您可以使用CSS媒体查询。

在这里你可以找到更多的信息: Using media query

您的情况的一个例子:

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

我真的不能举个例子,因为你已经在你的问题极为模糊,但你可以使用CSS媒体查询来更改手机的样式。您可以设置应用这些样式的最大宽度,这意味着小于该宽度的任何内容都将使用这些样式。 (对于宽高比等媒体查询,还有大量其他选项可供选择;您可以在其中查看更多here以及如何使用它们)。

下面是一个媒体查询的一个非常简单的例子,你可以使用:

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

您可以在这些网站了解更多有关他们:

  1. https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
  2. Common CSS Media Queries Break Points
  3. https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
  4. https://responsivedesign.is/articles/why-you-dont-need-device-specific-breakpoints

[还有更多的,它只是谷歌,你会发现无数的教程和例子。]