Elementor画廊网格列数设置问题：平板适配异常求助

方案一：调整Elementor全局断点（推荐） #

Elementor默认将1024px及以上识别为桌面端，而12.9寸iPad横向视口宽度刚好是1024px，导致触发桌面端4列布局。修改断点即可让Elementor正确识别设备：

• 进入WordPress后台，打开「Elementor」>「设置」>「断点」选项卡
• 将「桌面」断点的阈值从默认的1024px改为1025px（或更高，如1100px）
• 保存设置后，12.9寸iPad会被识别为平板端，自动应用你设置的2列布局

方案二：自定义CSS强制覆盖（无需修改全局设置） #

如果不想调整全局断点，可通过CSS强制指定大屏平板下的列数：

1. 定位目标容器：右键页面中的portfolio画廊，打开浏览器开发者工具，找到带有.elementor-gallery-grid类的父容器（若要精准定位，可同时获取画廊所在section的elementor-section-id-xxxx类）
2. 添加自定义CSS：

/* 针对12.9寸iPad等大屏平板设置2列 */
@media screen and (max-width: 1024px) and (min-width: 768px) {
  /* 替换为你画廊的具体选择器，避免影响其他画廊 */
  .elementor-section-id-xxxx .elementor-gallery-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

3. 添加位置：将CSS粘贴到Elementor编辑器的「页面设置」>「自定义CSS」，或主题的「外观」>「自定义」>「额外CSS」中

为什么之前修改div会出现8列？ #

你之前修改的是单个图片的子容器（如.elementor-gallery-item），而画廊的列数是由父容器.elementor-gallery-grid的grid-template-columns属性控制的。修改子元素的列数会让每个图片容器自身占多列，最终导致总列数翻倍（4×2=8）。

内容的提问来源于stack exchange，提问作者Jakub Bizoń