CSS 在 Web 服务器上的呈现方式与在开发环境上的呈现方式不同

2023-11-27

我遇到这样的问题:我在开发环境中创建的 Web 应用程序在上传到 Web 服务器后显示有所不同。

我使用相同的浏览器和同一台机器来查看页面。唯一不同的是“服务器”。我使用的是 .net 3.5,在我的开发环境中,页面是使用 ASP.net 开发服务器提供的。在 Web 服务器上,使用 IIS 6.0 提供页面。

我只有一个 CSS 文件,包含在“App_Themes/Default”文件夹中,用于控制应用程序中的所有 CSS。

以下是一些显示不一样的内容:

1)我有一个可折叠面板控件,展开时应该显示在所有其他页面元素之上。在开发环境中,它的行为正确。在 Web 服务器上,面板滑到其他元素下方。

2)我用背景和一定的字体大小定义了我的元素。当在我的开发环境中显示时,文本显示在一行上。但是,在 Web 服务器上,即使文本大小相同,文本也会换行。就好像包含的 div 以某种方式呈现为“更小”。

3) 没有固定宽度的按钮的宽度(因此宽度由按钮文本决定)在开发环境和Web服务器之间是不同的。服务器上的按钮总是更宽。

我进行了检查,确保服务器和开发环境中的 machine.config 和全局 web.config 中没有对其他 CSS 元素的引用。

我知道服务器正在读取 CSS,因为一般来说,它看起来很相似(相同的颜色、背景、字体样式等)。只是尺寸和 div 的分层似乎不对。

以前有人遇到过这个问题吗?我可以寻找什么有什么想法吗?


看起来你正在 Internet Explorer 8 中比较它们。微软为本地和互联网服务器引入了不同的渲染模式,让 Web 开发人员泪流满面。

如果没有 X-UA-Compatible 值并且站点位于 本地内网安全区域,会被渲染 默认处于 EmulateIE7 模式。

添加 X-UA-Compatible 标头或 META 以强制使用完整的 IE8 标准模式。

也可以看看http://sharovatov.wordpress.com/2009/05/18/ie8-rendering-modes-theory-and-practice/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS 在 Web 服务器上的呈现方式与在开发环境上的呈现方式不同 的相关文章

  • CSS - 让div继承高度

    我正在尝试制作一个带有圆角的盒子 其中 div 的高度和宽度取决于内容 因此它会自动调整 您可以在此处查看示例 http pastehtml com view 1duizyf html http pastehtml com view 1du
  • 如何使用固定宽度的卡片制作卡片组?

    我想做一个响应式的卡牌 https getbootstrap com docs 4 0 components card card decks使用引导4固定宽度卡片 https getbootstrap com docs 4 0 compon
  • 强制应用媒体查询

    我有这个 html 和 css 代码 div class wrapper div class a div div class b div div media all and max width 400px max height 300px
  • iPhone 4 上不稳定的 CSS3 动画

    我有一个非常简单的 或者至少我认为是 动画 我所做的只是 webkit background size 的动画 bubble position relative width 397px height 326px background url
  • 如何在 CSS 中选择纯 HTML 文本?

    你们有人知道如何在 CSS 中选择纯 HTML 文本吗 我有以下结构 div p class caption caption1 p div class tabs div class moving bg div p class text ta
  • 移动设备上的剩余悬停效果

    我一整天都在努力做这个JSFiddle http jsfiddle net gsamaras q2w4jjyt 4 也适用于手机 但我所有的尝试都没有效果 在桌面上 当用户将鼠标悬停在箭头上时 它会变成红色 在移动设备上 当用户触摸 为了单
  • 如何让 ExtJS ComboBox 与文本一起显示?

    我想让以下内容显示在一行中 我尝试过使用样式浮动和显示 Show this input
  • 标题后的三角形与标题背景渐变相匹配

    我必须制作这样的标题 我用这个渐变制作标题没有问题 我也知道如何定位三角形 after 但是 如何使三角形颜色与标题背景相匹配 问题是梯度不是静态的 例如 如果我在智能手机中打开页面 由于屏幕较短 渐变将比在显示器中打开更 紧凑 所以箭头颜
  • 移动设备中的 CSS 响应式设计不适用于 uc 浏览器和 Opera Mini [关闭]

    Closed 这个问题需要调试细节 help minimal reproducible example 目前不接受答案 UC 和 Opera Min 浏览器上的响应式网站无法正常工作 我们使用媒体查询进行响应式设计 我搜索了一下 发现了一些
  • Sass mixin 将背景透明度恢复到 IE8

    我是 Sass 新手 并为此苦苦挣扎 我无法在两者中渲染颜色hex 对于 IE 和rgba 每一个小片段都让我感到沮丧 因为我还没有掌握语法 而且 Sass 的 Google 结果仍然很少 这是混合 mixin transparent he
  • 如何在 Shiny 中动态渲染的 textInput 添加样式元素

    你好堆栈溢出 在我最近提出的问题中 我已经解决了一些与动态渲染 UI 元素相关的主要问题 并在一些了不起的人的帮助下动态创建了观察者 参见此处 动态渲染的 UI 如何在第二次运行时删除旧的反应变量 https stackoverflow c
  • 重新加载页面时删除哈希值?

    我使用哈希来切换我的图像滑块 当我重新加载页面并且哈希值设置为 e h 3 没有图片 当图库在几秒钟后自动滑动时 它显示下一个 所以几秒钟内什么也没有 有没有办法在加载页面时检查哈希并将其删除 我只想关心那些用散列为页面添加书签的人 问候
  • 固定 Div 与静态 div 的滚动条重叠

    我无法按照我想要的方式设计布局 我有一个内容区 content 您可以在示例图像中看到的灰色 里面有一个黄色元素 这个div是position static height 100 现在我有一个 left paneldiv 也 与positi
  • Bootstrap 4 Beta 0 网格系统上的 Rowspan

    您好 我正在开发一个使用 Bootstrap 4 Beta 的电子商务模板 我让它在移动设备上工作 但在桌面设备上我不知道如何让购买按钮保持在标题下 在我的方法中 它出现在 图库 部分下 Desired Desktop Desired Mo
  • Chrome 19 无法识别字体粗细:较轻

    我刚刚启动了一个正在开发的项目以进行一些修改 并注意到该声明font weight lighter正在通过以下方式提供服务 font face并且它不再在网站上运行 参见图片 顶部镀铬 底部 ff 自昨晚以来 我的系统 Windows 上没
  • 使用 float:left 与 display:inline-block 的 jQuery UI 拖放排序比较

    我这里有两个例子 这两个例子之间的唯一区别是 一种使用display inline block 另一种使用float left li doc item 显示 内联块 与 li doc item float left 我的问题是 displa
  • 如何从 CSS 选择器中提取类名?

    故事 我目前正在构建一个 ESLint 规则 以警告在 CSS 选择器定位器中使用引导布局导向和角度技术类 目前我在字符串方法中使用简单的子字符串 for var i 0 i lt prohibitedClasses length i if
  • WordPress 子主题包括包含文件

    我在一家WordPress使用 AMPPS 作为本地主机在我的本地计算机上进行设置 使用 Delta 主题 我创建了一个子主题 delta2 child 初始设置效果很好 但是 我需要更改包含文件夹中名为 home slider php 的
  • 使用flex-basis控制行上显示的项目数

    我想在使用 Flex 时将元素推出以隐藏它们 例如 如果flex basis为 50 仅显示两个项目弯曲到给定空间 而其他元素则在overflow hidden 领土 Or if flex basis为 25 则仅显示 4 个 Flex 元
  • 为什么这些内联块元素会产生额外的宽度?

    这是这个问题的后续内容 仅使用 css 自动调整图像下的文本 https stackoverflow com questions 34185547 autofit text under image with only css 为什么这段代码

随机推荐

  • 使用 DirectX11 像素着色器在 GPU 中将颜色从 DXGI_FORMAT_B8G8R8A8_UNORM 转换为 NV12

    我正在编写一个代码 用于使用桌面复制捕获桌面 并使用英特尔硬件MFT 将其编码为 h264 编码器仅接受 NV12 格式作为输入 我有一个 DXGI FORMAT B8G8R8A8 UNORM 到 NV12 转换器 https github
  • 为什么将泛型类转换为 Class 不安全?

    我正在做一个MethodPointer类以模拟 C 中函数指针的功能 起初 我所做的一切都只是Objects 但后来我想到了 为什么不让它真正通用呢 问题出在这个构造函数中 它试图使用签名调用另一个构造函数MethodPointer Cla
  • Chrome 忽略“user-scalable=no”元标记

    Why 桌面镀铬忽略这一点 我可以调整 chrome 内容的大小窗口触摸并且Ctrl 鼠标滚轮 我想防止缩放 Chrome 版本 65 0 3325 146 官方版本 32 位 根据谷歌地图文档 Android 和 iOS 设备尊重以下内容
  • AngularJS $httpProvider 未定义

    我正在尝试使用拦截器的基本示例 因此我盯着一小段代码但没有成功 var app angular module app config routeProvider locationProvider function routeProvider
  • 单击 jquery 按钮 + 发送不带表单的数据 - 书签

    我正在开发一个书签功能 用户单击 jQueryui 按钮 某些信息就会发送到数据库 但我没有使用表单 因为没有任何信息供用户输入 我从会话数据中提取用户的 ID 然后发送 URI 段 URL 的一部分 使用 codeigniter php
  • 变量引用不存在的资源Build.xml

    我正在使用 Eclipse Kepler 并且正在尝试执行我的构建脚本 当我运行任务时 我收到 Ant 错误 变量引用不存在的资源 workspace loc MyProject JAVA dev new build xml 问题是这条路是
  • LINQ to XML:应用 XPath

    有人能告诉我为什么这个程序没有枚举任何项目吗 它与 RDF 命名空间有关系吗 using System using System Xml Linq using System Xml XPath class Program static vo
  • Rails:如何从http下载文件并将其保存到数据库中

    我想创建一个 Rails 控制器 从网络下载一系列 jpg 文件并将它们直接以二进制形式写入数据库 我不想做上传表单 有什么线索可以做到这一点吗 谢谢 编辑 这是我已经使用 Attachment fu gem 编写的一些代码 http Ne
  • Reactjs 中的简单条件路由

    如何实现条件路由 即当且仅当满足某些条件时 才应该发生路由 例如 当且仅当用户输入正确的凭据时 登录才应该成功 并且用户应该能够看到欢迎页面 如果我们直接点击某个 URL 例如localhost 8080 welcome 不应导航至欢迎页面
  • 是否可以确定使用 Object.create 创建的对象是否继承自 JavaScript 中的 Array?

    识别哪些对象是哪些对象很复杂在 JavaScript 中 找出哪些对象是数组有一定的难度黑客解决方案 幸运的是 它能够在以下两种情况下工作 Object prototype toString call object Array Object
  • 获取本周的时间戳

    我有一个当天的日期时间 我需要获取本周开始和结束的两个 UNIX 时间戳 如何使用 dateperiod 或 dateinterval 类 now time beginning of week strtotime last Monday n
  • 如何通过pjax进行github风格的页面转换

    有一次看到一篇文章说github页面转场是pjax做的 我查了一下jquery pjax项目 我想我已经接近答案了 这一定与事件有关pjax start and pjax end 但我仍然无法让它发挥作用 所以我尝试在这里寻求一些帮助 a
  • FFMPEG:解码视频时,是否可以将结果生成到用户提供的缓冲区?

    在ffmpeg解码视频场景中 H264例如 通常我们分配一个AVFrame并对压缩后的数据进行解码 然后我们从成员中得到结果data and linesize of AVFrame 如下代码 input setting data and s
  • Bootstrap 3 上的输入宽度

    再次更新 我通过选择最佳答案来结束这个问题 以防止人们在没有真正理解问题的情况下添加答案 事实上 如果不使用网格或添加额外的 CSS 就无法通过内置功能来实现这一点 如果您正在处理以下问题 网格将无法正常工作help block例如 需要超
  • 快速将计算数据传递回先前的视图控制器

    我正在创建我的第一个简单的预算应用程序 基本上 我会收集一些用户输入 例如月收入和储蓄目标 然后他们单击 开始 应用程序会计算他们的每日预算等内容 我在这里遇到了麻烦 完成所有计算后 我显示 您每天可以花多少钱 例如每天 20 美元 我将其
  • R闪亮的绝对面板隐藏在传单输出后面

    我正在尝试使传单地图全屏显示 并在地图顶部添加过滤器控件 但是 当我尝试执行此操作时 我的过滤器控件 绝对面板 在运行时隐藏在传单输出后面 当我手动给出宽度时 存在绝对面板 我希望地图是全屏的 当我这样做时 它隐藏在地图后面 如何使地图位于
  • Mongodb:“com.mongodb.MongoSocketReadException:与吗啡提前到达流末尾”

    我有一个简单的数据结构 Transaction如下引用 插入到 mongodb 中 amount 111 debitAcc 588188286231743e7d5c923d type CHARGE 我得到以下错误堆栈 com mongodb
  • Webkit 文本不透明度过渡问题

    情况 查看 jsFiddle 里面一个div我有一个图像 后面跟着一个文本 其中有一个font weight900 就可以了 在我的本地托管环境中 我使用自定义字体 但对于上面的小提琴 我选择了 非常时尚 的 Comic Sans 来说明我
  • 每个提供的属性带有“OR”子句的通用表达式树

    我为 IQueryable 创建了一个通用搜索扩展方法 使您能够搜索单个属性以查看其中是否包含搜索词 http jnye co Posts 6 c 23 generic search extension method for iquerya
  • CSS 在 Web 服务器上的呈现方式与在开发环境上的呈现方式不同

    我遇到这样的问题 我在开发环境中创建的 Web 应用程序在上传到 Web 服务器后显示有所不同 我使用相同的浏览器和同一台机器来查看页面 唯一不同的是 服务器 我使用的是 net 3 5 在我的开发环境中 页面是使用 ASP net 开发服