问题描述的原因可能是由于SSL证书的设置或配置问题。以下是一种可能的解决方法，包括AWS CloudFront和SSL证书配置方面的代码示例。

步骤1：确保SSL证书正确配置 首先，确保SSL证书已正确配置并与AWS CloudFront分发关联。您可以使用AWS Certificate Manager（ACM）来创建或导入SSL证书。确保证书已部署到您的CloudFront分发，并已将HTTPS协议配置为使用该证书。

步骤2：更新HTTP响应头 然后，您需要更新CloudFront分发的HTTP响应头，以确保SSL证书可以在所有浏览器中正确显示。您可以通过使用Lambda@Edge函数来实现此目的。

下面是一个示例Lambda@Edge函数，用于更新CloudFront分发的HTTP响应头：

'use strict';

exports.handler = (event, context, callback) => {
    const response = event.Records[0].cf.response;
    const headers = response.headers;

    // 删除"Strict-Transport-Security"头
    delete headers['strict-transport-security'];

    // 添加"Content-Security-Policy"头
    headers['content-security-policy'] = [{ key: 'Content-Security-Policy', value: 'upgrade-insecure-requests' }];

    callback(null, response);
};

请注意，此示例将删除"Strict-Transport-Security"头，并添加"Content-Security-Policy"头。 "Content-Security-Policy"头的值设置为"upgrade-insecure-requests"，这将告诉浏览器将所有HTTP请求自动转换为HTTPS。

步骤3：关联Lambda@Edge函数 将上述Lambda@Edge函数关联到您的CloudFront分发。在AWS控制台中，找到您的CloudFront分发，然后选择"Behaviors"选项卡。选择您希望更新HTTP响应头的行为，并将Lambda函数设置为"Lambda Function Associations"部分的"Viewer Response"事件。

保存更改后，等待CloudFront分发的更新生效。

这些步骤将更新CloudFront分发的HTTP响应头，以确保SSL证书可以在所有浏览器中正确显示。这样，您应该能够在Chrome、Firefox和Edge等浏览器中正确看到SSL证书。

请注意，上述代码示例仅供参考，并可能需要根据您的具体配置和要求进行适当修改。