Тема jQuery ui слишком большой
Когда я скачиваю тему jQuery-ui, что мне нужно добавить, чтобы получить значения по умолчанию, выглядя так же, как в демонстрационной странице jQuery-ui?
Диалог, который я вижу Из коробки огромна (см. Ниже). Я знаю, что все CSS доступен для меня с демонстрационной страницы, но я не очень эксперт CSS, и не знаю, что брать, а что уйти.
Редактировать
Вот JSFiddle Link , показывающую то же самое.
Отредактируйте
3 ответа
Я вижу, в чем проблема: P
body{font-size:10px;}
Размеры относятся к странице (скорее это изменчивый макет). Таким образом (по крайней мере в скрипке) изменение размера шрифта тела исправляет это. Просто измените размеры шрифта ваших страниц, и диалог изменится вместе с ним.
Для этой проблемы заголовка диалогового окна вы можете просто добавить нижеприведенный атрибут в родительский класс диалогового окна
.ui-dialog { clear: both; }
Для справки, Диалог заголовка пользовательского интерфейса jQuery слишком высок
jquery ui - это фреймворк, который вы можете изменить, создав новую или существующую тему:
/*css which made title too large, reduce padding as you need*/
.ui-dialog .ui-dialog-titlebar {
padding: 0.5em 1em 0.3em;
position: relative;
}