Как получить выходные данные в относительных единицах вместо px, изменив этот плагин jQuery для создания собственного стиля?

Question

Сценарий

Я создаю адаптивный веб-сайт, на котором мне нужно предоставить раскрывающийся список нескольких размеров для экранов разных размеров с пользовательским стилем

Что япробовал

Я использую этот плагин DropKick , чтобы сделать выпадающие списки в индивидуальном стиле, добавляя ширину в px.это очень хорошо для меня

это пример, который я сделал с помощью плагина http://jsfiddle.net/jitendravyas/HtW8C/1/

Проблема

Я хочу увеличить или уменьшить ширину ивысота раскрывающегося списка за счет увеличения или уменьшения размера шрифта внутри раскрывающегося списка, но когда я увеличиваю font-size, раскрывающийся список не масштабируется соответственно

Ссылка плагина https://raw.github.com/JamieLottering/DropKick/master/jquery.dropkick-1.0.0.js

Редактировать:

Я изменил px на em здесь https://github.com/JamieLottering/DropKick/blob/master/jquery.dropkick-1.0.0.js#L117

Но этот плагин добавляет встроенную ширину, которая мне не нужна.Я хочу контролировать ширину с помощью CSS

Answer 1

Это ситуация, в которой правило CSS !important действительно полезно и является правильным решением:

a.dk_toggle { width: auto !important; }

Это позволит вам изменить размер шрифта и расширить егоавтоматически.Или вы можете установить явную ширину по вашему выбору, если вы используете это !important правило.

Answer 2

Как насчет того, когда вам нужно настроить таргетинг на несколько раскрывающихся страниц на странице различной ширины?

Как индивидуально настроить таргетинг на несколько раскрывающихся списков в CSS для плагина Dropkick