FB页面登录问题：蓝色「Continue」按钮显示超出屏幕范围

问题重现步骤 #

• Facebook登录
• 连接至企业主页
• 选择要连接的特定主页
• 蓝色「Continue」按钮显示超出屏幕范围

已有多名用户遇到该问题，以下是可行的解决方法：

临时快速修复 #

• 调整系统屏幕缩放：将系统屏幕缩放比例设为100%（Windows：设置→系统→显示；Mac：系统设置→显示器→缩放），高缩放比例常导致页面元素错位。
• 浏览器缩放调整：按下Ctrl+-（Windows）或Cmd+-（Mac）缩小页面至按钮完全显示，操作完成后按Ctrl+0/Cmd+0恢复默认。
• 切换浏览器重试：换用Chrome、Firefox等主流浏览器操作，部分小众浏览器存在兼容性适配问题。
• 移动端横屏操作：手机端出现问题时，切换横屏模式，或清除浏览器缓存后重新加载页面。

长期优化方向 #

• 检查响应式布局：若为自定义集成的登录页面，确保按钮所在容器设置max-width: 100%等响应式样式，避免固定宽度导致溢出。
• 更新Facebook SDK：使用最新版本的Facebook登录SDK，旧版本可能存在移动端适配bug。

内容的提问来源于stack exchange，提问作者Jonathan Stern