Wordpress Avada：Css 在移动设备上不起作用

Posted 2023-03-06

【中文标题】Wordpress Avada：Css 在移动设备上不起作用

【英文标题】：Wordpress Avada: Css doesnt work on Mobile

【发布时间】：2021-11-08 23:46:30

【问题描述】：

我写了一个 CSS 代码来修改文本。我在“自定义css”中填写了代码。 它在桌面上完美运行，但在移动设备上却不行。

这是我的代码：

.test 1
    
       background: radial-gradient(ellipse at center, #eff1ff 10%, #000 100%);
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
        font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;
    

有人可以帮助我吗？ 提前致谢

【问题讨论】：

您是否使用过浏览器开发工具中的检查工具来查看在设备较窄时设置样式的内容？可能有一些媒体查询会覆盖您的设置。

【参考方案1】：

/* 在移动屏幕尺寸的媒体查询中添加您的自定义 CSS */

@media only screen and (max-width: 768px) 
.test 1
    
       background: radial-gradient(ellipse at center, #eff1ff 10%, #000 100%) !important;
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
        font-family: "SF Pro Display","SF Pro Icons","Helvetica Neue","Helvetica","Arial",sans-serif;