#jquery #css #jquery-ui #jquery-ui-dialog
#jquery #css #jquery-пользовательский интерфейс #jquery-ui-dialog
Вопрос:
Итак, я сжал таблицу стилей jquery ui, чтобы сэкономить пропускную способность, и внезапно диалоговые окна начали выглядеть странно.
Вот как они выглядят, когда я использую несжатую таблицу стилей:
Со сжатой таблицей стилей:
Я использовал этот веб-сайт для сжатия таблицы стилей: https://csscompressor.net
Есть идеи, что не так?
Комментарии:
1. Каким инструментом вы ее сжимаете?
2. @alex Я добавил ссылку в конец моего вопроса.
3. Единственное различие, которое я вижу, связано с изображениями; проверьте правильность вашего пути.
Ответ №1:
Не все компрессоры CSS одинаковы. Вероятно, компрессор удалил важный синтаксис / сгруппированные стили. Это один из недостатков использования компрессора; он может что-то сломать.Трудно сказать, почему именно, не изучив файл CSS.
Предложения:
- Попробуйте использовать другой компрессор
- Просмотрите сжатый CSS, чтобы найти, не выглядит ли что-нибудь не так.
- Используйте Firebug, чтобы определить, установлены ли требуемые стили
Комментарии:
1. Не следует использовать любой CSS-минификатор, который может что-то сломать 🙂
2. Абсолютно, Алекс. Классическим примером является компилятор закрытия Javascript в расширенном режиме. Будьте осторожны с этим 😉