通常情況下我有響應導航div。所以我想寫CSS來讓它的位置只在移動設備上固定。我該怎麼做 ?如何做只在移動設備上固定的位置
-3
A
回答
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 */
}
您可以在這些網站了解更多有關他們:
- https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries
- Common CSS Media Queries Break Points
- https://css-tricks.com/snippets/css/media-queries-for-standard-devices/
- https://responsivedesign.is/articles/why-you-dont-need-device-specific-breakpoints
[還有更多的,它只是谷歌,你會發現無數的教程和例子。]
相關問題
- 1. 如何移動固定位置
- 2. 位置:移動滾動上的固定移動
- 3. 停止位置抖動:固定;滾動時跨移動設備的元素
- 4. 如何防止在iPhone(和其他移動設備)上固定位置的對象的縮放
- 5. 固定在移動設備上的背景
- 6. 固定在Chrome移動設備上的位置導致元素向上/向下滾動
- 7. Squarespace:在移動設備上只
- 8. 如何在javascript中自動設置固定位置的點(。)?
- 9. 移動瀏覽器的固定位置
- 10. 只能在移動設備
- 11. 如何阻止移動Safari瀏覽器在輸入焦點上將固定位置設置爲絕對位置?
- 12. 僅在移動設備上安裝了固定條
- 13. 在移動瀏覽器上的CSS固定位置
- 14. 如何在滾動上切換div上的固定位置類?
- 15. 移動設備上的固定標記塊屬性
- 16. 在固定位置上滾動div
- 17. 移動設備的CSS定位
- 18. 如何在移動設備的100%高度內定位元件
- 19. 如何通過j2me跟蹤任何移動設備的位置
- 20. 在移動設備上使用側欄定位的CSS問題
- 21. 如何在點擊移動設備時更改橫幅位置?
- 22. PHP獲取移動設備位置?
- 23. 做一個固定添加到購物車按鈕,在移動設備
- 24. 如何在移動設備
- 25. 無法點擊移動Safari上的固定位置元素
- 26. 如何在網絡上定位設備?
- 27. Web應用程序如何詢問移動設備的位置?
- 28. 鉻移動位置固定的臭蟲在滾動
- 29. 在移動設備上
- 30. 如何動畫到位置固定?
歡迎堆棧溢出!尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**。請參閱[**如何創建最小,完整和可驗證的示例**](http://stackoverflow.com/help/mcve) –