在您的CSS文件中，定义mobile-only和nomobile。.mobile-only{显示：无；}@media(max-width:599px){....nomobile{display:none;}.mobile-only{display:initial;}}4.尝试无限滚动和延迟加载如果你有大列表，你应该考虑当用户向下滚动时延迟加载更多数据，而不是显示“加载更多或显示更多”按钮。本机应用程序通常包括像这样的延迟加载的无限滚动功能。在移动网络中使用Javascript框架实现这一点并不难。您可以在模板中的元素上添加一个引用($ref)，或者只依赖于窗口的绝对滚动位置。下面的代码展示了如何在Vue应用程序中实现这种效果。类似的代码可以添加到其他框架中，例如Angular或React。mounted(){this.$nextTick(function(){window.addEventListener('scroll',this.onScroll);this.onScroll();//初始页面加载所必需的});},beforeDestroy(){window.removeEventListener('scroll',this.onScroll);}如果用户滚动到某个元素或页面底部，onScroll函数将加载数据：onScroll(){varusers=this.$refs["用户"];如果（用户）{varmarginTopUsers=usersHeading.getBoundingClientRect().top;varinnerHeight=window.innerHeight;if((marginTopUsers-innerHeight)<0){this.loadMoreUsersFromAPI();}}}5.使模式和弹出窗口全屏或全屏显示手机屏幕的空间有限。有时开发人员会忘记这一点并使用与桌面版本相同类型的界面。如果实施不当，模态窗口尤其可能成为移动用户的障碍。模态窗口是您覆盖在页面上其他内容之上的窗口。对于桌面用户，它们工作正常。由于屏幕空间有限，为大公司（例如Youtube或Instagram）精心设计的移动网络应用程序会将模态设置为全宽或全屏，并在模态顶部使用“X”将其关闭。尤其是注册功能，在桌面版是普通模态窗口，在移动版是全屏模式。