2016-01-21 156 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

[還有更多的,它只是谷歌,你會發現無數的教程和例子。]