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