优化绿松石能出鉴定证书吗

网站 CSS 动画在部分浏览器不生效

1. 添加浏览器前缀（-webkit-、-moz-、-ms-）适配不同内核；2. 避免使用过于复杂的动画属性，选择标准支持的属性；3. 检查动画触发条件是否正确（如 hover、class 切换）；4. 用 Can I Use 查询属性兼容性，提供降级方案

网站地图搜索地点无结果

1. 检查地图搜索接口是否正常调用，API 密钥是否有效；2. 核实搜索关键词是否正确，无拼写错误；3. 修复搜索范围限制，是否缩小了搜索区域；4. 处理无结果时的提示，推荐附近地点

服务器 IO 负载过高，读写缓慢

1. 用 iostat 命令监控磁盘 IO 情况，排查频繁读写的文件；2. 将静态资源迁移到 IO 性能更好的磁盘（如 SSD）；3. 优化数据库存储，采用分表分库减少单表数据量；4. 启用磁盘缓存，减少物理读写次数

网站输入框聚焦后键盘遮挡输入框（移动端）

1. 检查输入框所在容器是否设置 scrollIntoView 属性，聚焦后自动上移；2. 修复移动端页面 meta 标签的 viewport 配置，避免缩放影响；3. 调整输入框位置，避免位于页面底部；4. 监听键盘弹出事件，动态调整页面高度

网站富文本编辑器插入的图片无法居中显示

1. 检查编辑器的图片对齐功能是否正常，无按钮失效；2. 修复图片插入后的 HTML 标签，添加 align="center" 或对应的 CSS 类；3. 核实网站全局 CSS 是否覆盖了图片的对齐样式；4. 手动编辑 HTML 源码，调整图片容器的对齐方式

网站页面滚动时元素错位或抖动

1. 检查 CSS 定位属性（如 position: fixed）是否正确，避免滚动时偏移；2. 修复滚动事件监听逻辑，避免频繁修改 DOM 导致回流；3. 确保元素宽高固定，或使用 flex/grid 布局适配滚动；4. 处理移动端滚动穿透问题，避免弹窗滚动影响背景

网站移动端页面在 iOS Safari 浏览器样式错乱

1. 检查 CSS 属性兼容性，添加 - webkit - 前缀适配 Safari；2. 修复 viewport 标签配置，避免缩放异常（如 width=device-width）；3. 核实是否使用了 Safari 不支持的 CSS 特性（如 backdrop-filter）；4. 测试不同 iOS 版本，针对性修复兼容问题

网站数据库查询缓慢

1. 对高频查询字段建立索引，优化 SQL 语句（避免 SELECT *）；2. 减少嵌套查询和不必要的联表操作；3. 调整数据库连接数和缓存大小配置；4. 采用数据库读写分离，减轻主库压力

网站下载功能异常，文件无法下载

1. 检查下载文件路径是否正确，文件是否存在；2. 核实 Web 服务器是否允许下载该类型文件（MIME 类型配置）；3. 调整文件权限，确保用户有读取下载权限；4. 增加下载进度提示，排查网络中断问题