网站不能与 Safari 一起使用，但可以与其他浏览器一起使用答案

【问题标题】：Website doesn't work with Safari but works with other browsers网站不能与 Safari 一起使用，但可以与其他浏览器一起使用
【发布时间】：2020-09-09 21:34:13
【问题描述】：

我用 HTML、CSS 和 JavaScript 创建了一个网站。这是一个简单的网站，它适用于除 Safari 之外的所有浏览器。唯一似乎不起作用的部分是当我在我的 CSS 中为更大的屏幕进行媒体查询时（我首先为移动设备构建了它，它适用于移动设备，即使在 Safari 上也是如此）。

我查看了 caniuse.com，它说我可以将@media 与 Safari 一起使用。我不知道为什么它看起来不同。甚至不确定要向您展示什么代码，所以我将我的 github 存储库与上面的文件一起包含在内。

感谢任何关于我在哪里可以查看我做错了什么的建议。

感谢溢出者！

https://github.com/KBiz65/finding-blueberries

附：我确实确保在我的 Safari 偏好设置中启用了 Javascript。 JS 的东西似乎工作正常，是布局不工作。

发布的网址是：https://www.findingblueberries.com

【问题讨论】：

您能否在 sn-p 中包含无法在此处工作的部分的最小版本？

标签： javascript html css safari

【解决方案1】：

希望你用的是vscode，安装watch sass extension,(more info here)，在你的styles文件夹下创建一个style.scss文件，把你初始的css全部复制到style.scss文件中，点击状态栏Watch Sass开启实时编译，按 ctrl+s 保存 style.scss 文件，将创建一个名为 style.css 的新文件，这将与所有浏览器兼容。将此文件链接到您的站点。让我们知道这是怎么回事

【讨论】：

我正在使用 VS Code，所以这很棒。我现在要做这一切，我会及时通知你！
我已经安装了扩展，但它一直说“扩展主机意外终止。”并为我提供了打开开发者工具或重启扩展 shost 的选项。当我重新启动时，它会再次执行。
我发现一个“修复”似乎对人们有用，但它似乎对我不起作用。我仍然收到以下错误。“扩展主机意外终止。”修复是添加"color-highlight.languages": ["*", "!scss"] 到我的 .json 设置，但这似乎也不起作用。我知道我的 VS Code 是由我认识的资深开发人员设置的任何联系方式。有可能在我的系统上更改设置吗？知道我可以问的任何人吗？哈哈
嗨 Joshua，我能够让它在另一台计算机上工作并编译文件。我将那个新的 .css 文件添加到我的代码中，但它仍然无法正常工作。 :-/ 有关如何排除故障的任何其他想法？
@K-Biz 抱歉，我花了这么长时间才回复，我的 vs 也有类似的问题，我所做的就是重新安装它。一切都对我有用，