i66666 发表于 2024-10-27 20:31

WordPress站点 pc端和移动端显示问题

本帖最后由 i66666 于 2024-10-27 21:46 编辑

这张图是pc端显示的正常,https://s21.ax1x.com/2024/10/27/pA08N01.jpg

下面这张图片是在移动端的,显示不正常,是自适应问题,我也不懂写代码,看起来很难看,干脆来个移动端不显示,但是在网上找了很多代码来测试,都没有效果,在此求解决的代码,感谢能提供有效代码的大神,在此预祝一生发发发!
有个问题我要补充一下,只有我登录网站了,不想显示的自动消失了,只要退出登录,就看到这个难看的位置。


https://s21.ax1x.com/2024/10/27/pA08g0I.jpg

selfobj455 发表于 2024-10-27 20:31

i66666 发表于 2024-10-28 21:23
大神,没有效果,直接搞隐藏吧!

删掉之前加的代码,换这个
<script type="text/javascript">

      (function() {
                hxtimeEle = document.getElementById("hxtime");
                hxtimeParent = hxtimeEle.parentNode.parentNode;
                let userAgent = navigator.userAgent;
                if(/Android|iPhone|iPad|iPod|BlackBerry |webos|Windows Phone|SymbianoS|IEMobile|Opera Mini/i.test(userAgent)){
                        hxtimeParent.style.display = "none";
                }
      })();
</script>

selfobj455 发表于 2024-10-28 10:04

没啥问题,你要那段文字一次全部显示出来就是这个效果,如果要滚动显示那就是另一种做法了

i66666 发表于 2024-10-28 10:06

selfobj455 发表于 2024-10-28 10:04
没啥问题,你要那段文字一次全部显示出来就是这个效果,如果要滚动显示那就是另一种做法了

我就是感觉兼容太丑了,有没有办法把这个在移动端隐藏起来

xbang 发表于 2024-10-28 10:08

这就是正常的现实。移动端,你需要另外适配。

i66666 发表于 2024-10-28 10:10

xbang 发表于 2024-10-28 10:08
这就是正常的现实。移动端,你需要另外适配。

大神,有可以隐藏这个部位的代码吗?我在网上找了很多,都是没有效果的

selfobj455 发表于 2024-10-28 10:10

i66666 发表于 2024-10-28 10:06
我就是感觉兼容太丑了,有没有办法把这个在移动端隐藏起来

你可以做成滚动显示,限制它这个块的高度,然后让它滚动显示

i66666 发表于 2024-10-28 10:11

i66666 发表于 2024-10-28 10:10
大神,有可以隐藏这个部位的代码吗?我在网上找了很多,都是没有效果的

我可以提供这个部位的代码给你们

i66666 发表于 2024-10-28 10:16

selfobj455 发表于 2024-10-28 10:10
你可以做成滚动显示,限制它这个块的高度,然后让它滚动显示

pc显示是正常的高度,如果限制高度,那么pc那边就很扁了

selfobj455 发表于 2024-10-28 10:19

i66666 发表于 2024-10-28 10:16
pc显示是正常的高度,如果限制高度,那么pc那边就很扁了

你贴个网站地址,这个可以用js加也可以用css加的,查到是手机端就给他加就完了
页: [1] 2 3
查看完整版本: WordPress站点 pc端和移动端显示问题