这张图是pc端显示的正常，[i] 下面这张图片是在移动端的，显示不正常，是自适应问题，我也不懂写代码，看起来很难看，干脆来个移动端不显示，但是在网上找了很多代码来测试，都没有效果，在此求解决的代码，感谢能提供有效代码的大神，在此预祝一生发发发！ 有个问题我要补充一下，只有我登录网站了，不想显示的自动消失了，只要退出登录，就看到这个难看的位置。 [i] 代码, 在此
selfobj455 发表于 2024-10-28 10:04 没啥问题，你要那段文字一次全部显示出来就是这个效果，如果要滚动显示那就是另一种做法了 我就是感觉兼容太丑了，有没有办法把这个在移动端隐藏起来
selfobj455 发表于 2024-10-28 10:19 你贴个网站地址，这个可以用js加也可以用css加的，查到是手机端就给他加就完了 这个是第一张图的ccs代码 [CSS] 纯文本查看 复制代码.button { content: ""; position: absolute; margin: auto; left: 0; right: 0; position: relative } .jumbotron { position: relative; padding: 30px 0; color: #fff; text-align: center; text-shadow: 0 1px 3px rgba(0,0,0,.4),0 0 30px rgba(0,0,0,.075); z-index: 0 } .button-lg:before,.button-lg:after { content: ""; position: absolute; border-radius: 55px; width: 100%; top: -2px; position: absolute; margin: auto; left: 0; right: 0; border: 0px; background: linear-gradient( 45deg,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000,#fb0094,#0000ff,#00ff00,#ffff00,#ff0000 ); background-size: 400%; width: calc(100% + 4px); height: calc(100% + 4px); z-index: -1; animation: animate 20s linear infinite } .button-lg:after { filter: blur(0px) } @keyframes animate { 0% { background-position: 0 0 } 50% { background-position: 300% 0 } 100% { background-position: 0 0 } } .button-lg { padding: 10px 24px; display: inline-block; text-align: center; line-height: 1.42857143; font-size: 16px } .button-primary { color: #fff; background-color: var(--primary); border: 1px solid var(--primary-d) } .btn-info { color: #fff; background-color: #008cff; border-color: #008cff } .toggle-radius .fa,.toggle-radius .icon { right: 0!important; left: 0!important; margin: auto } 这下面是首页显示的代码 显示的内容
