通常情况下我有响应导航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) –