Question

我试图在Google云端存储上托管我的HTML5网站。

当我在本地加载网站时，所有动画都有效。当我将其上传到Google云端存储并访问它时，我的CSS动画无法正常工作。

我的存储桶中的CSS文件位于css/theme.css，HTML文件指向它：

<link rel="stylesheet" href="css/theme.css">
<link rel="stylesheet" href="css/theme-elements.css">
<link rel="stylesheet" href="css/theme-animate.css">

Answer 1

确保通过Developer Console为您的CSS文件正确设置Content-Type元数据。

如果没有，您应手动编辑元数据以设置正确的类型，即CSS文件的text/css。如果在上传时既没有指定类型也没有自动检测到类型，Google Cloud Storage serves files as binary/octet-stream可能会阻止浏览器正确呈现它。

或者，您也可以在HTML中指定MIME类型，例如

<link rel="stylesheet" href="css/theme.css" type="text/css">

确保浏览器正确处理它。

在Google云端存储上托管HTML5网站

1 个答案: