2

Добрый день.

Обнаружилось странное поведение Safari при использовании минимизированного css (без минимализации всё прекрасно работает).

Вот участок css, с которым возникла проблема:

.input, .input-wrapper, .custom-combobox {
    width: 100% !important;
    box-sizing: border-box;
    display: block;
    max-width: none !important;
    max-width: none !important
}

Вот ссылка на страницу, на которой возникает проблема.

Кто-нибудь сталкивался с подобным?

3
  • Прикладываю ссылки на изображения, демонстрирующие различия в отображении в Chrome и Safari. i.imgur.com/HEocaUf.png i.imgur.com/qJkIKpj.png 8 апр 2016 в 7:42
  • Нашли решение ?
    – olegatro
    11 апр 2016 в 21:06
  • Нет, решение пока не найдено 13 апр 2016 в 5:20

1 ответ 1

1

Пропустите все css файлы через autoprefixer и проблема с кроссбраузерностью будет решена

В результате должно получиться

.input, .input-wrapper, .custom-combobox {
    width: 100% !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box; /*Firefox 1-3*/
    -webkit-box-sizing: border-box; /* Safari */
    display: block;
    max-width: none !important;
    max-width: none !important
}
1
  • Пропустили пару файлов через autoprefixer, но проблемы остались( 21 апр 2016 в 10:12

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.