如何在WordPress Elementor Pro中为Facebook落地页全局设置移动端显示尺寸？

方法1：Elementor全局自定义CSS（影响整个站点） #

直接在Elementor的全局设置中添加CSS，实现全站强制匹配移动端宽度：

1. 进入WordPress后台，打开「Elementor」→「站点设置」
2. 在左侧菜单找到「自定义CSS」选项
3. 粘贴以下代码：

/* 强制页面容器为移动端主流宽度（可按需调整为414px等） */
body.elementor-page {
    max-width: 375px;
    margin: 0 auto;
    overflow-x: hidden;
}
/* 确保内部容器不超出页面宽度 */
.elementor-container {
    max-width: 100% !important;
}

• 调整max-width的值可适配不同移动端尺寸（比如iPhone 14为390px，安卓常见414px）
• margin: 0 auto让页面在桌面端浏览器中居中显示
• overflow-x: hidden避免出现横向滚动条

方法2：单页面自定义CSS（仅目标落地页生效） #

如果只需要该Facebook落地页生效，不想影响其他页面：

1. 用Elementor打开目标落地页的编辑器
2. 点击左下角的「页面设置」图标
3. 在「自定义CSS」输入框中粘贴上述相同的CSS代码

注意事项 #

• 先确保该落地页的移动端响应式布局已调整完毕（比如字体大小、元素间距、模块堆叠方式），强制宽度后桌面端会直接显示移动端的布局效果
• 若部分元素仍有超出宽度的情况，可针对性给该元素添加max-width: 100%的样式

内容的提问来源于stack exchange，提问作者Martin Utzon