如何用 CSS 禁止手机端页面屏幕拖动？
知识点掌握了，还需要不断练习才能熟练运用。下面米云给大家带来一个文章开发实战，手把手教大家学习《如何用 CSS 禁止手机端页面屏幕拖动？》，在实现功能的过程中也带大家重新温习相关知识点，温故而知新，回头看看说不定又有不一样的感悟！
css 禁止手机端屏幕拖动
在手机端浏览网页时，常常会遇到屏幕拖动导致页面内容错乱或无法操作的情况。为了解决这个问题，可以使用 css 的 overflow 属性来禁止屏幕拖动。
解决方案
针对给定的代码，可以在 <body> 元素中添加以下 css 样式：
body{overflow:hidden}
此样式将禁止整个页面的屏幕拖动，包括导航和 demoprofile 部分。
这样一来，当导航展开时，导航后面的 div 将成为可拖动状态，而整个页面其他部分则会保持固定不动，就像 bootstrap modal 窗口一样。
理论要掌握，实操不能落！以上关于《如何用 CSS 禁止手机端页面屏幕拖动？》的详细介绍，大家都掌握了吧！如果想要继续提升自己的能力，那么就来关注米云公众号吧！
- 深入理解电脑核数：选择适合你的处理器
