- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个 ASP.NET MVC 4 应用程序,它在本地的 Google Chrome 和 Internet Explorer 中都按预期显示。
但是,一旦通过 TFS 部署到远程服务器, View 只能使用 Google Chrome 正确显示?
使用 Chrome 部署:
使用 IE 部署:
如果我使用不同的工作站访问该页面,我会怀疑 IE 兼容性按钮。但是,我总是并且只使用我自己的归属工作站。
那么,是什么改变如此之大,以至于只需在 Visual Studio 中按 [F5] 键并简单地运行 Web 应用程序,即可在本地使用 IE 方便地显示页面,并使其在部署后搞砸 CSS?
我使用:
下面是我的 CSS 和 CSHTML 文件(至少是我认为重要的包含,并删除了我认为不重要的)。
站点.css
html {
background-color: #e2e2e2;
margin: 0;
padding: 0;
}
body {
background-color: #fff;
border-top: solid 10px #000;
color: #000;
font-size: .85em;
font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
}
header, footer, hgroup,
nav, section {
display: block;
}
.float-left { float: left; }
.float-right { float: right; }
.clear-fix:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
/* main layout
----------------------------------------------------------*/
.content-wrapper {
margin: 0 auto;
max-width: 100%;
}
#body {
background-color: #fff;
clear: both;
padding-bottom: 35px;
}
#body a { color: #000; }
#body a:hover {
background-color: #a2998a;
color: #005596;
}
#body a:link { color: #000; }
#body a:active { color: #000; }
#body a:visited { color: #000; }
.main-content {
background: url("../Images/accent.png") no-repeat;
padding-left: 10px;
padding-top: 30px;
}
.email-counter {
display: block;
font-size: 13em;
font-family: Consolas, Arial, monospace;
font-weight: bold;
text-align: center !important;
vertical-align: middle;
}
.mailbox-title {
background-color: #fff;
border: 1px solid #000 !important;
color: #000;
font-size: 2.5em;
padding-bottom: 10px;
text-align: center;
vertical-align: middle;
}
.mailbox-title a {
color: #000;
text-decoration: none;
}
.mailbox {
border: 3px solid #000;
display: inline-block;
height: auto;
margin-top: 5px;
width: 32.66%;
}
.mailboxes-indicators { height: 400px; }
header .content-wrapper { padding-top: 20px; }
footer {
clear: both;
background-color: #e2e2e2;
font-size: .8em;
height: 100px;
}
/* site title
----------------------------------------------------------*/
.site-title {
font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
line-height: 600%;
margin: 0;
text-align: center;
}
.site-title a, .site-title a:hover, .site-title a:active {
background: none;
color: #c8c8c8;
outline: none;
text-decoration: none;
}
.site-title .column { display: inline-block; }
.site-title #logo {
border: none;
position: absolute;
width: 25%;
}
.site-title #page-title-container {
position: relative;
width: 133%;
}
.site-title #page-title-container #page-title {
color: #000;
font-size: 4em;
font-weight: bold;
top: -15px;
}
.site-title #page-title-container #latest-refresh-date-time {
font-size: xx-large;
text-align: center;
top: -15px;
}
#sum-of-emails-from-all-mailboxes {
border: 3px solid #000;
left: -60px;
position: relative;
width: 110%;
}
#sum-display-name {
background-color: #cadaa9;
border: 1px solid #000;
color: #000;
font-size: 2.5em;
position: relative;
}
#sum-of-emails { font-size: 8em; }
DisplayIndicators.cshtml
@model IndicateursCourriels.ViewModels.CustomerServiceIndicatorsViewModel
@{
ViewBag.Title = "DisplayIndicators";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@section header {
<div class="content-wrapper">
<div class="site-title">
<div class="column">
<div id="page-title-container">
<div id="page-title">
@Html.DisplayFor(m => m.ViewTitle)
</div>
<div id="latest-refresh-date-time">
@Html.DisplayFor(m => m.LatestRefreshDateTime)
</div>
</div>
</div>
<div class="column float-right">
<div id="sum-of-emails-from-all-mailboxes">
<div class="mailbox-title">
@Html.DisplayFor(m => m.SumOfEmailsFromAllMailboxesDisplayName)
</div>
<div id="sum-of-emails" class="email-counter">
@Html.DisplayFor(m => m.SumOfEmailsFromAllMailboxes)
</div>
</div>
</div>
</div>
</div>
}
<div class="mailboxes-indicators">
<div class="mailbox">
<div class="mailbox-title">
@Html.DisplayFor(m => m.FirstMailboxName)
</div>
<div class="display-label" style="text-align: center;">
<span class="email-counter"
style="background-color: @Html.DisplayFor(m => m.FirstAlertLevelColour)">
@Html.DisplayFor(m => m.FirstEmailCount)
</span>
</div>
</div>
<div class="mailbox">
<div class="mailbox-title">
@Html.DisplayFor(m => m.SecondMailboxName)
</div>
<div class="display-label">
<span class="email-counter"
style="background-color: @Html.DisplayFor(m => m.SecondAlertLevelColour)">
@Html.DisplayFor(m => m.SecondEmailCount)
</span>
</div>
</div>
<div class="mailbox">
<div class="mailbox-title">
<a href='@Url.Action("EmailIndicatorManualInput", "CustomerServiceIndicators")'>
@Html.DisplayFor(m => m.ThirdMailboxName)
</a>
</div>
<div class="display-label" style="text-align: center;">
<span class="email-counter"
style="background-color: @Html.DisplayFor(m => m.ThirdAlertLevelColour)">
@Html.DisplayFor(m => m.ThirdEmailCount)
</span>
</div>
</div>
</div>
EDIT
根据 Jonathan Sampson 的评论,本地文档模式和远程文档模式其实是不一样的。
所以我确实将本地 WebApp 实例的文档模式更改为 IE7,并且获得了与远程实例相同的显示。
现在的问题是:
最佳答案
正如我们在上面的评论中确定的那样,原因是本地和远程的不同文档模式。造成这种情况的原因可能有很多:
x-ua-compatible
header 在本地发送,或通过 HTTP 响应远程发送。x-ua-compatible
加载本地或远程实例元标记。这些是您会注意到文档模式不同的主要原因。首先检查您的开发人员工具,以确保您不仅仅是覆盖默认文档模式。
检查您的标记(可能是 <header>
部分)以获得 x-ua-compatible
元标记。如果在那里找不到,请在那里检查 HTTP 响应 header 。
关于css - 什么会导致不同的 CSS 行为从一台 PC 到另一台?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27179099/
我的 PC 上有一个服务器应用程序,它读取 jpg 文件并通过套接字将其发送到 Android 设备。问题是,当Android设备接收到字节数组时,无法将其转换为位图。我创建了一个 PC 应用程序来接
我创建了一个 JavaFX 应用程序。现在我想确保它不被复制到其他计算机上。更详细地说,我将该应用程序出售给一位客户,安装该应用程序后,我需要确保其不被从一台计算机复制到另一台计算机。 如何防止他人复
我构建了一个使用 Dynamic 关键字的程序。 在我的代码中,我这样做了: public void OnNext(ExpandoObject value) { dynamic expando
如何通过USB在两台PC之间进行通信?我想要一个程序通过 USB 端口将数字发送到另一台 PC,另一个程序将在该 PC 上显示这些数字。我觉得这是不可能的,因为 PC 是主机而不是设备,但 USB 真
我的代码在 virtualbox 中完美运行,但在真实 PC 上启动时却无法运行(从 BIOS 检测为 USB 硬盘驱动器的 USB 笔驱动器)。 在虚拟框中;该代码将磁盘的第 2 和第 3 扇区读取
在开发 PC HD 损坏后,我正在考虑让我的开发环境完全基于虚拟 PC。 核心项目是:- XP Pro 32- IIS- VS2003- VS2008- SQL Server 2005- Office
我目前使用的是 Windows Server 2008 Standard 并且有几台 Hyper V 机器。这些是开发 VM,我现在想切换回 Vista x64,因为我缺少 Aero。 我知道 Win
我使用 Virtual PC 来创建新的环境来测试我的安装程序。但我一定是做错了什么,因为内部装有 Vista 或 XP 的 VPC 镜像占用了大约 15GB 的磁盘空间(包括安装在其中的 VS200
大家好,我正在调试一些 CS 程序,为了查看应用程序在慢速互联网中的性能,我尝试了很多不同的方法。然而最好的是服务器端和客户端在同一台电脑上——我的服务器端和客户端的调试环境是在一台电脑上设置的。 所
我有兴趣制作一个将字符串从一台计算机传输到另一台计算机的应用程序。我对 TCP 或 UDP 通信感兴趣。我已经实现了 UDP,但它似乎能够发送最多 512 字节的数据/数据包。在两端实现数据包拆分和连
在为 Pocket PC 平台开发软件时,我一直很高兴地使用 Microsoft 随 Visual Studio 提供的 Pocket PC 模拟器(并且可以免费下载)。它提供了更快的开发/部署/测试
我想执行一个批处理文件 D:\apache-tomcat-6.0.20\apache-tomcat-7.0.30\bin\shutdown.bat 这是在我的服务器上 inidsoasrv01 . 我
我目前正在我的开发 PC 上使用 Jenkins。我把它安装在我的开发电脑上,因为我对这个工具的了解有限;所以我在我的开发电脑上对其进行了测试。现在,我对 Jenkins 作为我在构建过程中的长期“合
互联网上有很多示例展示了如何编写一个应用程序,使我们能够通过蓝牙与手机与电脑进行通信。但我想做的是通过蓝牙从另一台电脑控制一台电脑。我正在尝试使用蓝牙库。我在一台电脑上运行服务器,并尝试使用此处的示例
我正在寻找一个基准测试(以及在其他 PC 上的结果),它可以让我了解通过升级我的 PC 可以获得的开发性能提升,而且该基准测试可以用来向我的老板证明升级的合理性。 我使用 Visual Studio
我只在一台 PC 上有异常,在其他 PC 上一切正常,有人知道它是从哪里来的吗? dditional information: Requested Windows Runtime type 'Wind
我想创建一个软件,它可以使用 session 选项进行 pc 到 pc 调用(没有电话)。所有参与者将仅使用该软件。我擅长使用不同的语言、平台和数据库进行编程。但是我以前没有做过这种类型的软件。 我将
我做了这个布局。 template 唯一的问题是宽度问题。它因显示器而异,取决于显示器的宽度。主菜单和标题区域的左右两侧都有空白区域。在页脚的情况下你可以看到同样的情况.. 根据我的显示器宽度,我有
我在我的电脑上编译了一个内核,然后我把它安装在同一台电脑上,它工作正常。我的问题是如何在另一台计算机上安装相同的内核? 最佳答案 您需要复制 vmlinuz-[version number] 和 in
我正在使用 Mysql,我在两个不同的系统中有两个数据库。我希望我的本地数据库与远程数据库同步。这两个架构将具有相同的表和列。 每当远程数据库发生变化时,我的本地数据库中应该发生变化/更新。 怎么做?
我是一名优秀的程序员,十分优秀!