Я смотрю демонстрацию мобильных панелей jQuery. В частности, есть значок, который открывает меню со скользящей стороны:
Разметка для этого элемента выглядит так:
http://demos.jquerymobile.com/1.4.2/panel-fixed/
<a href="#nav-panel" data-icon="bars" data-iconpos="notext" class="ui-link ui-btn-left ui-btn ui-icon-bars ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button">Menu</a>
Я пытаюсь изменить размер и центрировать этот элемент. Я попытался добавить стили ширины и высоты, но это просто заставляет его выглядеть плохо. Затем я попытался изменить размер шрифта, считая его символом шрифта, и это тоже не сработало. Предложения?
Это фоновое изображение (закодированное svg). Вы можете отрегулировать размер как этот (но вам также нужно будет отрегулировать размер содержащего elment, чтобы он имел смысл/не прерывался)
.ui-icon-bars:after
background-size: 200%;
}