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
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
没啥问题,你要那段文字一次全部显示出来就是这个效果,如果要滚动显示那就是另一种做法了
我就是感觉兼容太丑了,有没有办法把这个在移动端隐藏起来 这就是正常的现实。移动端,你需要另外适配。 xbang 发表于 2024-10-28 10:08
这就是正常的现实。移动端,你需要另外适配。
大神,有可以隐藏这个部位的代码吗?我在网上找了很多,都是没有效果的 i66666 发表于 2024-10-28 10:06
我就是感觉兼容太丑了,有没有办法把这个在移动端隐藏起来
你可以做成滚动显示,限制它这个块的高度,然后让它滚动显示 i66666 发表于 2024-10-28 10:10
大神,有可以隐藏这个部位的代码吗?我在网上找了很多,都是没有效果的
我可以提供这个部位的代码给你们 selfobj455 发表于 2024-10-28 10:10
你可以做成滚动显示,限制它这个块的高度,然后让它滚动显示
pc显示是正常的高度,如果限制高度,那么pc那边就很扁了 i66666 发表于 2024-10-28 10:16
pc显示是正常的高度,如果限制高度,那么pc那边就很扁了
你贴个网站地址,这个可以用js加也可以用css加的,查到是手机端就给他加就完了