Сервер, отображающий разные стили, чем localhost

Question

Я загрузил свой сайт на веб-сервер, адрес которого http://dsbangladesh.com. Все стили работают нормально в локальном хосте. Но посмотрите на боковую панель Hours на странице http://dsbangladesh.com/shawarma-house-banani/b/6. Размер шрифта больше (16px). Но размер шрифта основного тела должен быть 13px. Элемент Inspect не показывает переопределение. Почему разница есть? Как и многие другие элементы, это рендеринг со странным свойством css. Например, login modal. Он должен быть посередине страницы, но внизу. Пожалуйста, помогите мне разобраться с проблемой.

Спасибо.

Answer 1

Похоже, вы видите вопрос user agent stylesheet. Это немного отличается в зависимости от используемого вами браузера, но исправление одинаков.

Во-первых, чтобы определить проблему, откройте свой веб-инспектор, чтобы просмотреть применяемый CSS и проверить стиль, применяемый к table. В Chrome инспектор, я вижу там некоторые стили агента пользователя, примененные к общему table элемента, а именно: font-size: medium;

Исправление здесь довольно проста - переопределить стиль агента пользователя по умолчанию. Прямым исправить было бы добавить table{ font-size: inherit; } в ваш лист CSS, но более глубокое исправление заключается в использовании CSS Reset snippet. Существует довольно много вариантов использования, таких как YUI, Eric Meyer's Reset и Normalize.