Почему кнопки выглядят больше в Safari по сравнению с FireFox, IE8 и Chrome? - PullRequest
Новая
       4

Почему кнопки выглядят больше в Safari по сравнению с FireFox, IE8 и Chrome?

2 голосов
/ 26 августа 2010

У меня есть веб-сайт, заголовок которого смещен при просмотре в Safari по сравнению с FireFox или IE8. Я обнаружил, что это вызвано тем, что в Safari кнопки выглядят больше, чем в других браузерах. Какой CSS может решить эту проблему в Safari?

Вот скриншот, сравнивающий Safari и Firefox:

http://webypedia.com/wp-content/uploads/2010/08/Safari-buttons-are-larger-than-Firefox-e1282788166774.gif

Вот домашняя страница, где происходит смещение:

http://webypedia.com

Ответы [ 2 ]

1 голос
/ 26 августа 2010

Чтобы сгладить CSS по умолчанию для конкретного поставщика, обычной практикой является использование «сброса CSS».Лично мне нравится тот, что в YUI .С сайта:

Базовый CSS Reset удаляет несогласованные стили HTML-элементов, предоставляемые браузерами.Это создает надежно ровную основу для строительства.С загрузкой CSS Reset напишите явный CSS, который нужен вашему проекту.

Если ваша таблица стилей сброса будет «хорошей», тогда подавляющее большинство различий между браузерами, таких как проблема с размером кнопок, будет устранено.

1 голос
/ 26 августа 2010

Вы также должны установить высоту строки кнопки равной 11px.

Высота кнопки рассчитывается с использованием высоты строки + отступы + любые границы. Кажется, Safari имеет высоту строки по умолчанию, отличную отодин из других браузеров.

...