html页面 在ie 浏览器下页面显示变形

当遇到在别的浏览器下显示正常，但在ie 下页面变形，style 样式规则都已经写好的情况下。

这时造成这种情况可能是 html 页面头部指定的规则引起的

如果默认的可能是：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

只需要改成

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

告诉浏览器 本页面 使用哪种标准和规范解析。是否满足w3c标准。

现在显示可能就正常了。

时间： 2024-10-31 11:05:02

html页面 在ie 浏览器下页面显示变形的相关文章

chrome浏览器下页面顶部出现一条空白解决

最近遇到页面在chrome浏览器下,顶部会出现一条空白的问题.后来知道是bom头的问题. 1.什么是bom头? BOM签名的意思就是告诉编辑器当前文件采用何种编码,方便编辑器识别,但是BOM虽然在编辑器中不显示,但是会产生输出,就像多了一个空行. 一般的编码集中并不会出现bom头,unicode编码集中会出现. 类似WINDOWS自带的记事本等软件,在保存一个以UTF-8编码的文件时,会在文件开始的地方插入三个不可见的字符(0xEF 0xBB 0xBF,即BOM).它是一串隐藏的字符,用于让记事

font awesome的图标在WP8浏览器下无法显示的问题解决

font awesome无疑是bootstrap上面做的很赞第三方图标 笔者最近做的一个项目,图标在iphone和安卓上面的浏览器上显示都无问题,偏偏WP8上的浏览器显示有问题 通过chrome的开发者工具条是发现"fontawesome-webfont.woff"这个格式的文件无法识别(显示404错误) 于是,在IIS7中给其添加了一项MMIE,截屏如下: 添加后问题解决. font awesome的图标在WP8浏览器下无法显示的问题解决

解决苹果手机Safari浏览器下 字体显示为 蓝色的 问题

解决苹果手机 Safari浏览器下   字体显示为蓝色的 问题 近期测试同学测试,wap站上,底部文字在苹果8上面 ,使用 Safari浏览器打开,一直显示 蓝色字体 其他正常,寻找半天无解,最后 阳仔 小伙伴 猛然想起来,这是 不兼容,少了一句meta标签 在 head区域 添加上 这句话 即可  ,正常显示 字体颜色了 <meta name="format-detection" content="telephone=no"> 原文地址:https:/

[Baidu Map]在WebBrowser下InfoWindow显示变形问题

在项目开发中,因为是C/S原因,要展示百度地图,只能内嵌WebBrowser来实现,遇到的问题是当点击Marker标记展示其对应的InfoWindow的时候,在WebBrowser内第一次点击时候能够很好展示,而当再在此点击的时候InfoWindow就会很糟糕,变形: 如图: 搜索一番也未找到原因,已经发邮件给百度地图邮箱咨询也暂未得到答复,是不是Bug就不得而知: 后面投机取巧的发现强制设置InfoWindow的宽度能够解决问题,代码如下: /* *说明:为Marker标记当点击的时候,弹出提

页面在360浏览器下的兼容性问题解决

引言:  在Web应用的开发过程中,发现若干页面在360的浏览器上显示不正常,而在其它的浏览器上.皆为正常状态,问题出在哪里呢? 问题的提出: Web页面在360的浏览器上,显示不对. 可是在Firefox.chrome和IE8+以上的浏览器上,都是显示正常的. 问题的分析 1.  检查了一些Javascript框架.标准的jquery类库1.x系列,确认其工作正常,问题不是在于Javascript方面. 2.  排查掉HTML标签内容的显示 问题. 3.  怀疑是CSS在不同浏览器下的兼容性问

js禁止微信浏览器下拉显示黑底查看网址，不影响内部Scroll

开发项目跑在微信浏览器经常会遇到一个问题,微信浏览器下拉的时候会出现自带的黑色底色(显示网址)如下图: 网上好多js禁止操作的做法禁止了内部Scroll,导致页面不能滚动,上拉加载失效,例如这种做法: $('body').on('touchmove', function (event) {event.preventDefault();}); or document.addEventListener('touchmove', function(e){e.preventDefault()}, fal

vue 项目 在ie浏览器下页面显示为空

npm install --save babel-polyfill 在main.js中添加: import es6Promise from "babel-polyfill"; es6Promise .polyfill(); 在webpack.base.conf.js中修改 module.exports = { entry: ["babel-polyfill", "./app/js"] }; 但是还是发现报错: polyfill-eventsour

使用layer的iframe在IE浏览器下不显示并且报错XML5635: 仅文件开头允许 XML 声明

主要是XML格式错误 <%@ include file="/WEB-INF/layouts/taglib.jsp"%> 报这一行的错误 然后下一行我直接写div了,因为是弹出框,没有遵守html页面格式规范,加上 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <

浅谈浏览器解析 URL+DNS 域名解析+TCP 三次握手与四次挥手+浏览器渲染页面

(1)浏览器解析 URL 为了能让我们的知识层面看起来更有深度,我们应该考虑下面两个问题了: 从浏览器输入 URL 到渲染成功的过程中,究竟发生了什么? 浏览器渲染过程中,发生了什么,是不是也有重绘与回流? OK,兴致来了,我们就先从 浏览器解析 URL 看起,先来看看当用户输入 URL,到浏览器呈现给用户页面,经历了以下过程: 版本 A: 用户输入 URL 地址. 对 URL 地址进行 DNS 域名解析. 建立 TCP 连接(三次握手). 浏览器发起 HTTP 请求报文. 服务器返回 HTTP