Question

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

问题是iPhone 6（iOS 9）没有按预期加载css样式。其他设备（三星，台式电脑）甚至iPhone 8都能正确加载所有设备。

我试图在Web Inspector（iphone连接到chrome devtools）的控制台中查找错误，但它没有帮助我发现问题。我唯一注意到的是，在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 %}

我使用的格式化程序：

Leafo\ScssPhp\Formatter\Compressed

styles.scss看起来像（那些导入的文件是scss格式）：

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

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

Answer 1

以防有人遇到相同的问题：

问题出在选定的格式化程序-已压缩。我不知道为什么，但是我在他们的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: 'Leafo\ScssPhp\Formatter\Compact'

iPhone 6无法正确加载css

1 个答案: