字体大小：退出 WordPress 后浏览器不再识别 clamp(..)

Question

对于新的 WordPress 主题，我正在使用流畅的排版 (https://fluid-typography.netlify.app) 来相应地缩放字体。在开发过程中，以管理员身份登录时一切顺利。当我退出 WordPress 并查看页面时，浏览器突然无法识别字体大小的“clamp(...)”值（无效属性值）并使用回退。这可能是什么原因？

font-size: 4.0625rem; /* <- used as fallback, when I am not logged in */
font-size: min(max(1.75rem,3.3vw+1rem),4.0625rem);
font-size: clamp(1.75rem,3.3vw+1rem,4.0625rem); /* <- used from the browser when I am logged in */

Answer 1

注意：这个答案是虚假的，因为存在语法错误（+ 运算符两边缺少空格）。看评论。我不知道您的完整 WP 环境，所以只能猜测您对 CSS 进行了一些预处理，因为您的一些表达式不合法 CSS。它们需要在计算函数中。

这个代码片段做到了这一点，而且似乎工作正常：

div {
  font-size: 4.0625rem;
  /*  used as fallback, when I am not logged in */
  font-size: min(max(1.75rem, calc(3.3vw + 

> Blockquote

1rem)), 4.0625rem);
  font-size: clamp(1.75rem, calc(3.3vw + 1rem), 4.0625rem);
  /* <- used from the browser when I am logged in */
}

<div>Hello</div>

字体大小：退出 WordPress 后浏览器不再识别 clamp(..)

font-size: clamp(..) is no longer recognized by the browser once you log out of WordPress

css

wordpress

font-size

clamp