iPhone 6 неправильно загружает CSS - PullRequest
Новая
       10

iPhone 6 неправильно загружает CSS

0 голосов
/ 06 июня 2018

У меня есть приложение, работающее на Symfony 3.4 и использующее сборочный пакет для управления css / js.(Я знаю, лучше использовать Webpack Encore , но я не думаю, что это может быть проблемой)

Проблема в том, что iPhone 6 (iOS 9) не загружает стили CSSкак и ожидалось.Другие устройства (Samsung, настольный ПК) и даже iPhone 8 загружают все правильно.

Я пытался искать ошибки в консоли в Web Inspector (iphone подключен к Chrome Devtools), но это не помогло мнеобнаружить проблему.Единственное, что я заметил, это то, что в разделе «Сеть» рядом со строкой запроса файла CSS он показывает 0 байтов в столбце «Размер» и в столбце «Время».Однако, щелкнув по нему, а затем переключившись на Preview / Response, он показывает весь файл css, где все существует и может быть использован для стилизации веб-страниц.

Еще одна странная вещь - это то, что стили Bootstrap работают.И некоторые другие стили также.

Подробнее, что у меня есть:

Метатеги: 

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

Пример использования css в файле Twig: 

{% 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";

Я действительно не знаю, что делатьЯ пытался найти некоторую информацию в Google, но, к сожалению, безуспешно.Итак, я надеюсь найти решение здесь.Спасибо за помощь!

1 Ответ

0 голосов
/ 28 августа 2018

В случае, если у кого-то возникнет такая же проблема:

Проблема была в выбранном форматере - Сжатый .Я не знаю почему, но я сообщил о проблеме в их репозитории github: (https://github.com/leafo/scssphp/issues/589)

Если вы используете Symfony (<= 3.4) вместе с этой библиотекой, вы можете изменить фильтр в вашем config.ymlфайл для сжатия, например: </p> 

assetic:
    debug:          '%kernel.debug%'
    use_controller: '%kernel.debug%'
    filters:
        cssrewrite: ~
        scssphp:
            formatter: 'Leafo\ScssPhp\Formatter\Compact'
...