小编ago*_*umi的帖子

我正在使用 NextJs 和 TailwindCSS 开发一个个人项目。

完成项目后，我使用私人导航器来查看进度，但似乎笔画没有按应有的方式工作，我在除 Chrome 之外的所有浏览器中都遇到了这种情况。

这是我得到的：

这是所需的行为：

代码：

<div className="outline-title text-white pb-2 text-5xl font-bold text-center mb-12 mt-8">
      Values &amp; Process
</div>

CSS：

.outline-title {
  color: rgba(0, 0, 0, 0);
  -webkit-text-stroke: 2px black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

有人可以解释或帮助解决这个问题吗？

浏览器兼容性：

我正在使用react-native/expo构建一个移动应用程序，我想知道是否有办法放弃对网络的支持，因此该应用程序无法在网络浏览器中运行？

我想用tailwincss实现一个过渡，在“活动”状态更改时，我的意思是当菜单显示/折叠时我想实现一个平滑且令人愉悦的过渡

我尝试通过添加将其添加到状态更改中transition delay-150 duration-300 ease-in-out，但无法使其工作。

import Link from "next/link";
import { useState } from "react";
import HamburgerMenu from "react-hamburger-menu";
import dynamic from "next/dynamic";

const NavLink = dynamic(() => import("./NavLink"));

export const Navbar = () => {
  const [active, setActive] = useState(false);
  const [isOpen, setIsOpen] = useState(false);

  const handleClick = () => {
    setActive(!active);
    setIsOpen(!isOpen);
  };
  const handleClose = () => {
    setActive(false);
    setIsOpen(false);
  };

  return (
    <nav className="sticky top-0 z-10 flex flex-wrap items-center px-3 py-3 bg-white …