iPhone 6 无法正确加载 css



我有一个在Symfony 3.4上运行的应用程序,并使用资产包来管理css/js。(我知道更好的是使用 Webpack Encore,但我认为这可能是问题(

问题是iPhone 6(iOS 9(没有按预期加载css样式。其他设备(三星,台式PC(甚至iPhone 8都可以正确加载所有内容。

我试图在网页检查器的控制台中查找错误(连接到chrome devtools的iPhone(,但它并没有帮助我发现问题。我唯一注意到的是,在 css 文件请求行附近的"网络"部分中,它在"大小"列和"时间"列中显示 0 字节 - 挂起。但是,单击它,然后切换到预览/响应,它会显示整个css文件,其中存在所有内容,可用于设置Web样式。

还有一件奇怪的事情是,Bootstrap 样式正在工作。还有其他一些风格。

我有什么更多详细信息:

元标记:

<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

在 Twig 文件中使用 css 的示例:

{% stylesheets filter="scssphp" output="css/app.css"
'@AppBundle/Resources/public/css/style.scss'
'@AppBundle/Resources/public/css/font-awesome.css'
'@AppBundle/Resources/public/css/select2.min.css'
'@AppBundle/Resources/public/css/select2-bootstrap.min.css' %}
<link rel="stylesheet" type="text/css" href="{{ asset_url }}"/>
{% endstylesheets %}

我使用的格式化程序:

LeafoScssPhpFormatterCompressed

styles.scss看起来像(那些导入的文件是SCSS格式(:

@import url('https://fonts.googleapis.com/css?family=GoogleFont');
@import "bootstrap/bootstrap";
@import "variables";
@import "main";
@import "menu";

我真的不知道该怎么办,我试图在谷歌上找到一些信息,但不幸的是没有成功。所以,我希望在这里找到解决方案。谢谢你的帮助!

如果有人遇到同样的问题:

问题出在选定的格式化程序 -压缩中。我不知道为什么,但我在他们的 github 存储库中报告了这个问题:(https://github.com/leafo/scssphp/issues/589(

如果您将 Symfony (<= 3.4( 与此库一起使用,则可以将 config.yml 文件中的过滤器更改为 Compact,例如:

assetic:
debug:          '%kernel.debug%'
use_controller: '%kernel.debug%'
filters:
cssrewrite: ~
scssphp:
formatter: 'LeafoScssPhpFormatterCompact'

最新更新