Локальный веб-сайт отображает по-разному, используя (IP-адрес или имя компьютера) против localhost? - PullRequest
12 голосов
/ 11 октября 2011

У меня есть сайт MVC3 (бритва), опубликованный на IIS7 локально для целей тестирования.

Когда я захожу на сайт через "localhost", он выглядит иначе, чем когда я захожу на сайт, используя IP-адрес или имя машины?

Я очистил кэш и перезагрузил страницы для подтверждения, и они все еще выглядят по-другому. CSS должен загружаться, чтобы дать правильные шрифты / цвета и т. Д., Хотя элементы ": hover" загружаются гораздо медленнее?

Я использую JQuery / JQueryUI на сайте, если это помогает выявить проблему?

Localhost

IP Address

Есть идеи?

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

Заголовки, метки и определение таблицы создаются из ViewBag.Title или циклически перебираются строки в ViewModel - ничего хитрого, просто стандартные вещи MVC3 / Razor.

Один и тот же файл CSS используется для каждой страницы, и F12 в IE8 показывает, что загружен правильный CSS.

Размеры / цвета шрифта заголовка / субтитра правильные, просто их расположение отсутствует? Граница таблицы выглядит толще? Позиционирование, как правило, выглядит немного «вне», но я не могу понять, почему есть такая разница?

Может ли брандмауэр / пакет AV лишить возможности позиционирования?

Ответы [ 4 ]

28 голосов
/ 11 октября 2011

Один и тот же файл CSS используется для каждой страницы, и F12 в IE8 показывает, что загружен правильный CSS.

Инструменты разработчика должны показывать, что IE не использует один и тот же "Браузер"Режим "/" Режим документа "между двумя экземплярами сайта, потому что это проблема здесь.IE по умолчанию использует разные режимы в зависимости от того, используете ли вы имя компьютера или нет (помимо прочего).

Добавление этого к вашему <head> должно решить проблему:

<meta http-equiv="X-UA-Compatible" content="IE=edge">
4 голосов
/ 29 апреля 2013

У меня была похожая проблема, когда размеры отличались от локального сайта разработки до сайта на рабочем сервере. Оказалось, что я забыл уровень масштабирования до 90% при просмотре версии для разработчиков ... Этот ответ помог мне понять, что: https://superuser.com/questions/315448/different-font-size-between-localhost-and-remote-server-in-firefox

2 голосов
/ 03 декабря 2013

У меня была точно такая же проблема в IE11, я использовал этот код

<meta http-equiv="X-UA-Compatible" content="IE=11">

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

1 голос
/ 12 марта 2014

Просто хотел добавить, что если вы используете теги HTML5 ( nav , header и т. Д.), IE8 будет отображаться по-разному на локальном хосте и удаленном хосте.

Если вы добавите:

<!--[if lt IE 9]>
    <script>
        document.createElement('header');
        document.createElement('nav');
    </script>
<![endif]-->

Тогда IE8 покажет то же самое на локальном и удаленном хосте.

...