Xtra WordPress主题移动端全屏显示1080p特色图片求助

1. 排查主题是否强制加载小尺寸图片 #

Xtra主题大概率是在移动端调用了WordPress默认的medium_large尺寸（768px宽）的图片，而非原图。你可以：

• 打开主题的header模板文件（比如header.php或专门的banner组件模板），搜索medium_large、768这类关键词；
• 如果找到类似wp_get_attachment_image_src( $banner_id, 'medium_large' )的代码，把第二个参数改成'full'，让主题加载原图。

2. 用高优先级CSS强制铺满移动端屏幕 #

之前的CSS可能优先级不够，试试下面的代码（记得替换实际的容器类名）：

@media (max-width: 767px) {
    /* 替换成你横幅容器的实际类名，比如目标页面的.entry-header */
    .entry-header img {
        width: 100vw !important;
        height: auto !important;
        max-width: none !important;
        object-fit: cover; /* 保持图片比例铺满，不需要可以删掉 */
    }
    .entry-header {
        width: 100vw !important;
        max-width: none !important;
        overflow: hidden;
    }
}

可以通过浏览器F12开发者工具，选中横幅图片或容器，查看它的类名替换进去。

3. 禁用WordPress自动生成的小尺寸图片（可选） #

如果主题一直顽固调用小图，可在子主题的functions.php里加这段代码（改之前先备份文件）：

function disable_medium_large_size() {
    add_filter('intermediate_image_sizes', function($sizes) {
        return array_diff($sizes, ['medium_large']);
    });
}
add_action('init', 'disable_medium_large_size');

加完后重新上传你的1080p原图，让WordPress不再生成768px版本。

4. 检查图片优化插件 #

如果你装了Smush、ShortPixel这类图片优化插件，它们可能会自动替换移动端图片为小尺寸，去插件设置里找“排除图片”或“移动端尺寸控制”的选项，把横幅图排除掉。

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