Масштабирование и верстка

кнопку картинкой сделать.

работает 100%

Увы, пожелание заказчика - все текстом.

Основной вопрос в том: как объяснить заказчику что к масштабированию не стоит придераться и делать такой акцент?

Если включено только текстовое масштабирование - то это проблема владельца браузера. Что хотел - то и получает. Либо его браузер слишком древний.

Если вылезают артефакты при полностраничном масштабировании - то тут возможно Вы попали на переверстку.

К сожалению информации о проблеме маловато для исчерпывающего ответа.

Это в курилку идите обсуждать. А тут, если хотите, что бы помогли, давайте коды кнопок и типа того.

http://www.webmascon.com/topics/coding/36a.asp - рецепту больше 10 лет. Единственное что изменилось - скругления и градиенты можно делать через CSS и inline-block в актуальных броузерах рабтает без проблем, т.ч. две обертки для кнопки тоже в большинстве случаев не нужны.

Посмотрите http://twitter.github.io/bootstrap/ - и не жалуйтесь на клиента. Он в данном случае прав на 100%

bootstrap, как и прочие ксс-фреймвёрки подходят в очень небольшом количестве случаев, а вот sliding doors, на которые вы же и скинули ссылку - как вариант

Да и бутстрэп подойдёт в решении вопроса.

точнее его небольшая часть - /Base CSS/Buttons, но в топике что-то про старые браузеры упоминалось, а в bootstrap кнопки сделаны через css3, поэтому, проще просто sliding doors, если для кнопок.

А сам bootstrap в основном полезен своим гридом, но вот действительно очень мало дизайнеров делают дизы имея ввиду эти гриды.

21 век, через пару лет любой сайт должен будет масштабироваться для корректоного отображения на различных устройствах: от мобилы до телевизора. Поэтому заказчик прав.

Не зная кода, не могу дать конкретный совет, но я бы делал так:

Делаем кнопку inline-block, приписываем padding для отступов слева-справа и line-height для выравнивания по вертикали. В этом случае любые изменения высоты шрифта никак не повлияют на саму кнопку.

А если ваш заказчик смотрит сильно вперед и не парится на тему старых браузеров, посмотрите в торону величины измерения REM (логика та же, что у EM, но отсчет ведется от значения HTML, а не родителя) и vh и vw и прочих вкусностей новой спецификации.

если вы когда-нибудь научитесь пользоваться firebug'ом, вычленить кусок CSS относящийся только к кнопке не составит проблем.

bootstrap - набор современных техник, учебник. НО не более.