матовый слайд-материал материала angular.io не работает на Android Chrome - PullRequest
Новая
       26

матовый слайд-материал материала angular.io не работает на Android Chrome

0 голосов
/ 26 апреля 2018

Я использую тумблер в угловом веб-приложении. 

<mat-slide-toggle [checked]="pickCache.getAutoPack()" (change)="onChangeAutoPack($event)">Auto Pack</mat-slide-toggle>

Прекрасно отображается в браузере Chrome для настольных ПК.

mat-slide-toggle on desktop chrome browser

Однако, когда я выполняю развертывание на веб-сервере и открываю со своего смартфона Nexus 5X в приложении браузера Chrome, это выглядит ужасно.

mat-slide-toggle on android chrome browser

Почему?

1 Ответ

0 голосов
/ 26 апреля 2018

Это никак не связано с браузером Android Chrome. Спасибо @Faisal за подсказку выше. Моя таблица стилей на ссылку css имела абсолютную ссылку.

Итак, на localhost ссылка была 

<link rel="stylesheet" href="/assets/deeppurple-amber.css">

Однако при развертывании в URL-адресе интрасети оно содержало имя папки виртуального каталога, которое нарушало абсолютную ссылку на URL-адрес.

Решение было сделать следующим образом 

<link rel="stylesheet" href="assets/deeppurple-amber.css">
...