通常情況下我有響應導航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. 移除所有移動設備的DIV的固定位置?
- 2. 使具有固定位置的菜單上,我已經給了一個固定的位置(右)消失在移動設備上的移動設備
- 3. 如何移動固定位置
- 4. CSS位置固定不能在移動設備上正常工作
- 5. Android設備上固定元素的延遲滾動位置
- 6. 固定在移動Safari中的位置
- 7. 位置:移動滾動上的固定移動
- 8. 停止位置抖動:固定;滾動時跨移動設備的元素
- 9. 如何防止在iPhone(和其他移動設備)上固定位置的對象的縮放
- 10. 固定在移動設備上的背景
- 11. LG移動設備固定CSS3錯誤
- 12. 固定在Chrome移動設備上的位置導致元素向上/向下滾動
- 13. .on(click)事件在iOS移動設備上滾動時在固定位置元素上觸發
- 14. Squarespace:在移動設備上只
- 15. 只在移動設備上隱藏div
- 16. 如何使用設備運動更新將SCNNode固定在特定位置?
- 17. 如何在javascript中自動設置固定位置的點(。)?
- 18. 移動瀏覽器的固定位置
- 19. 移動Chrome中的固定位置
- 20. ...移動的固定位置元素?
- 21. 只能在移動設備
- 22. 如何阻止移動Safari瀏覽器在輸入焦點上將固定位置設置爲絕對位置?
- 23. 固定位置不能在ios設備上工作
- 24. 固定元素在移動設備上不可見
- 25. 僅在移動設備上安裝了固定條
- 26. 如何使固定寬度的頁面在移動設備上縮小?
- 27. CSS位置是:固定不固定在移動Safari ......再次
- 28. 在移動瀏覽器上的CSS固定位置
- 29. 設備移動時的位置跟蹤
- 30. 如何在滾動上切換div上的固定位置類?
歡迎堆棧溢出!尋求代碼幫助的問題必須包含在問題本身**中重現它所需的最短代碼**。請參閱[**如何創建最小,完整和可驗證的示例**](http://stackoverflow.com/help/mcve) –