CSS представляет по-другому на веб-сервере, чем на среде разработки
У меня есть эта проблема, где веб-приложение, которое я создал в своей среде разработки, отображается по-другому после того, как я загружаю его на веб-сервер.
Я использую тот же браузер и ту же машину для просматривания страниц. Единственная отличающаяся вещь, "сервер". Я использую .net 3.5, и на моей среде разработки страницы подаются с помощью Сервера разработки ASP.net. На веб-сервере страницы подаются с помощью IIS 6.0.
У меня есть только единственный файл CSS, который содержится в папке "App_Themes/Default", которая используется для управления всем CSS в моем приложении.
Вот некоторые вещи, которые не отображают то же:
1) Я имею разборный контроль панелью, который при расширении как предполагается, показывает сверху всех других элементов страницы. На dev среде это ведет себя правильно. На веб-сервере панель скользит под другими элементами.
2) Мне определили мой элемент с фоном и определенным размером шрифта. При отображении на моей среде разработки текст отображается на одной строке. Однако на веб-сервере, текст перенесен даже при том, что текст является тем же размером. Это - как будто содержание отделения так или иначе представляется "меньшее".
3) Ширина кнопок, которые не имеют фиксированной ширины (таким образом, ширина определяется текстом кнопки) отличается между средой разработки и веб-сервером. bottons на сервере всегда более широки.
Я проверил, чтобы удостовериться, что нет никаких ссылок на другие элементы CSS в machine.config и глобальном web.config на сервере и на моей среде разработки.
Я знаю, что сервер читает из CSS, потому что в целом, это выглядит подобным (те же цвета, фоны, стиль шрифта, и т.д.). Это просто, что размеры, кажется, выключены и разделение на уровни отделений.
Кто-либо работал в к этой проблеме прежде? Какие-либо идеи того, что я мог искать?
9 ответов
У меня была та же проблема в Google Chrome. По-видимому мультимедийные запросы испорчены, если страница увеличена или. Удостоверьтесь, что Ваш уровень масштабирования составляет 100% для обоих сайтов.
Для меня Internet Explorer Compatibility View Settings был проблемой:
После того, как флажки были , сбрасывает , CSS представляет отлично
У нас была та же проблема, закрепленная на IE9 & IE11 с этим:
<head>
<meta http-equiv="X-UA-Compatible" content="IE=Edge"/>
</head>
У меня была та же проблема. Наша сеть использует Win7 с IE11 повсюду. Для меня решение было к на моей локальной машине, добавляющей "localhost" к списку в настройках совместимости IE> "Веб-сайты, которые Вы добавили к Представлению совместимости". настройки .
IE> Tools> Compatibilty ViewBTW наш NA имеет каждую установку IE11 машины для "Отображения, интранет-сайты в Представлении Совместимости" автоматически проверили групповую политику.
попробуйте это.
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
Может быть вызван минификацией, например, на dev машине Вы имеете
<span>AAA</span>
<span>BBB</span>
, но на удаленном сервере это становится
<span>AAA</span><span>BBB</span>
, и пространство между ними теряется.
У нас была проблема с режимами эмуляции также, таким образом, я закончил тем просто, что добавил:
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
, Так как я знал, это хорошо работало в IE7, 8, и 9.
Juste добавляет это к Вашему web.config файлу:
<system.webServer>
<httpProtocol>
<customHeaders>
<clear />
<add name="X-UA-Compatible" value="IE=8" />
</customHeaders>
</httpProtocol>
</system.webServer>
У меня просто была эта проблема. Я изменил свою таблицу стилей и HTML-код. Это выглядело большим на локально, но не работало над сервером. Я нашел, что в Visual Studio копия "Файла CSS для Вывода Каталога" была установлена "Не сделать копии". Таким образом, мои обновления CSS не становились развернутыми. Иногда проблемой является просто пользовательская ошибка.