正如标题所说，我仍然遇到问题，我的 nextjs 页面上的某些文本看起来模糊，但在某些移动设备上在线。我在一些 iPhone 上注意到这一点最为明显。这对于移动设备来说是正确的，如果我使用控制台来测试移动布局。这只是我页面上的两个组件的问题。两张卡片都可以翻转以查看背面。它们还使用 Framermotion 进行动画处理。样式是用 Tailwind 完成的 页面其他部分的常规文本正常显示。

这是一个示例图片，您可以明白我的意思。较大的文本似乎很好，但较小的文本很模糊。我只包含了正面的屏幕截图。背面也有同样的问题。

该组件对应的代码在这里：

'use client';
import Link from "next/link";
import Image from "next/image";
import { motion } from 'framer-motion';
import { fadeIn } from '../../../utils/motion';

function ProjectCard({ index, id, title, icons, description, ghlink, pagelink }: any) {
    return (
        
            

                {/* FRONT FACE */}
                

                    
{title}
                    

                        {icons.map(
                            (icon: any, id: any) => (
                                
#{icon}
                            ))
                        }
                    
                    
Hover for more Info!
                
                {/* BACK FACE */}
                

                    
ABOUT THIS PROJECT
                    

                        {description}
                    
                    

                        {ghlink &&
                            <>
                                
                                    
                                
                            
                        }
                        {pagelink &&
                            <>
                                
                                    
                                
                            
                        }
                    
                
            
        
    )
};

export default ProjectCard;

我尝试删除样式和成帧器运动动画，并尝试通过从头开始制作另一个组件并尝试找出错误来找到解决方案。两者似乎都不是解决方案。感谢您的帮助！