Bootstrap ASP.NET 中的 3 Web 表单无法正常工作
Bootstrap 3 in ASP.NET Web Forms not working
当我(在 IE 11 中)浏览到 URL(例如 http://localhost:8070/MyApp/Login.aspx)中包含 Localhost 的页面时,一切正常。该页面是响应式的并且 Bootstrap 3 类 有效。
当我浏览到同一页面时,在同一浏览器中,使用服务器名称(例如 http://ServerName:8070/MyApp/Login.aspx) Bootstrap 类 未被使用。
在 Developer Tools、Network 中,我验证了在这两种情况下,所有脚本和样式表都已加载。
我将此问题追溯到开发人员工具 DOM 资源管理器中的以下差异。在 运行 的情况下,具有 Localhost 的页面的样式窗格在许多地方都有“@media all and (min-width:768px)”。但是样式窗格在执行带有 ServerName 的页面时没有引用“@media..”
这是唯一的区别。为什么?我错过了什么?
您为 Intranet 页面启用了兼容性设置。从 Internet Explorer 兼容性视图设置中禁用它。
我发现如果在服务器上有任何媒体查询格式不正确,它将无法识别其余的。这是一件奇怪的事情,但也许它也发生在你身上。对照 https://jigsaw.w3.org/css-validator/ 检查您的 css。确保它没有发现任何错误。这是黑暗中的一枪,但你永远不知道。希望能帮助到你。
除了 reckface 的回答外,我发现在 IE 11 中您可能必须将文档模式更改为其他模式。对我来说,它默认设置为 7。将其设置为 10 或更高可解决我的网站在呈现时遇到的问题。
设置文档模式
- 在 IE 11 中按 F12
- 单击模拟器选项卡
- Select 下拉列表中的文档模式。
当我(在 IE 11 中)浏览到 URL(例如 http://localhost:8070/MyApp/Login.aspx)中包含 Localhost 的页面时,一切正常。该页面是响应式的并且 Bootstrap 3 类 有效。
当我浏览到同一页面时,在同一浏览器中,使用服务器名称(例如 http://ServerName:8070/MyApp/Login.aspx) Bootstrap 类 未被使用。
在 Developer Tools、Network 中,我验证了在这两种情况下,所有脚本和样式表都已加载。
我将此问题追溯到开发人员工具 DOM 资源管理器中的以下差异。在 运行 的情况下,具有 Localhost 的页面的样式窗格在许多地方都有“@media all and (min-width:768px)”。但是样式窗格在执行带有 ServerName 的页面时没有引用“@media..”
这是唯一的区别。为什么?我错过了什么?
您为 Intranet 页面启用了兼容性设置。从 Internet Explorer 兼容性视图设置中禁用它。
我发现如果在服务器上有任何媒体查询格式不正确,它将无法识别其余的。这是一件奇怪的事情,但也许它也发生在你身上。对照 https://jigsaw.w3.org/css-validator/ 检查您的 css。确保它没有发现任何错误。这是黑暗中的一枪,但你永远不知道。希望能帮助到你。
除了 reckface 的回答外,我发现在 IE 11 中您可能必须将文档模式更改为其他模式。对我来说,它默认设置为 7。将其设置为 10 或更高可解决我的网站在呈现时遇到的问题。
设置文档模式
- 在 IE 11 中按 F12
- 单击模拟器选项卡
- Select 下拉列表中的文档模式。