在chrome浏览器和在IE浏览器中显示的页面样式不一样的解决办法

最新推荐文章于 2022-11-28 16:09:03 发布
最新推荐文章于 2022-11-28 16:09:03 发布
阅读量1.1k 收藏 2
点赞数
文章标签： php
原文链接：http://www.cnblogs.com/baizhanshi/p/4476494.html
版权

在IE浏览器中添加 一行代码即可：<meta http-equiv="X-UA-Compatible" content="IE=edge" />

位置：在<head></head>里面

结果如下：<head>

                   <meta http-equiv="X-UA-Compatible" content="IE=edge" />

 

              </head>

转载于:https://www.cnblogs.com/baizhanshi/p/4476494.html

weixin_30606461
关注
HTML+CSS项目实践七：同一个HTML页面，在不同浏览器上的显示效果不一样！解决HTML页面的浏览器兼容问题
王迪
12-29 1万+
表象问题：同一个HTML页面，在不同浏览器上的显示效果不一样。 问题分析：由于浏览器的内核不一样，每个浏览器对标签的解释都有自己的规则，因而会造成显示效果不一样，称之为浏览器不兼容。对浏览器兼容问题，一般分，HTML，Javascript兼容，CSS兼容。 其中html相关问题比较容易处理，无非是高版本浏览器用了低版本浏览器无法识别的元素，导致其不能解析，所以平时注意一点就是。   1、浏览...
修正 input 标签 在 IE、chrome、Firefox浏览器下显示不一致的问题
无止境学的博客
12-02 1258
处理前，效果如图： Chrome Firefox IE 如图所示，除了chrome ，Firefox 、IE 下，输入框 的上边和左边均有黑色阴影，为了让他们效果一致，我们来为 input 标签，人为设定一个 border 样式 ，不使用浏览器默认的。 <!DOCTYPE html> <html> <head> <meta charset="...
ie 和谷歌浏览器在display的边框显示不一样的解决办法
weixin_33757609的博客
07-04 1294
eg1: <style> .class2{displau:block; background-color:#e4f39e;width:150px;height:150px; border:10px solid green;} </style> <div class="class2">测试</div> result: 左侧是...
typescript学习笔记2 配置浏览器兼容性
qq_24986271的博客
06-10 591
webpack.config.js需要安装的插件： （1）其中最重要的的是environment 属性,ts兼容性流程是ts-loader将ts变成js，这一步只是转成对应的版本的语言，没有做兼容性，然后babel-loader在将js转为模板兼容浏览器，所能执行的代码，再由webpack打包，最后一步默认会使用箭头函数，所以低版本浏览器使用了babel依然会报错，所以低版本浏览器不应该使用箭头函数 （2）loader是从后向前执行的，contentBase: “./dist” 最新版本中不能用...
不同的浏览器更换不同的样式
iteye_8184的博客
12-05 141
  &lt;script type="text/javascript" &gt;  var Browser = (function() {     var ua = navigator.userAgent;     var isOpera = Object.prototype.toString.call(window.opera) == '[object Opera]';     var bro...
HTML`CSS_网站页面不同浏览器兼容性问题解决
weixin_30522095的博客
06-25 1422
目前，最为流行的浏览器共有五个：分别是ie,Edge浏览器（属于微软），火狐，谷歌（chrome）Safari和Opera五大浏览器。 Trident内核：IE ，360，，猎豹，百度； Gecko内核：火狐----------->这个浏览器内核是开源的浏览器内核，插件非常多，-------------->缺点：打开速度慢（加载flash插件）<-----额外介绍---...
checkbox点击事件，在IE和谷歌浏览器显示不同的结果
qq_36011279的博客
03-15 979
html代码(vue.js) &lt;table class="table table-bordered"&gt; &lt;thead&gt; &lt;tr&gt; &lt;th class="w55" ...
WEB 打印控件Lodop，全兼容各浏览器chrome,ie,360
05-31
它具有全浏览器兼容性的特点，支持包括Chrome、IE（Internet Explorer）以及360浏览器在内的多种主流浏览器，极大地拓宽了其应用范围。Lodop控件以其强大的功能和简洁的API接口，使得开发者能够轻松地在网页中实现...
IE和谷歌浏览器下div宽度不一致的问题解决.txt
11-28
IE和谷歌浏览器下div宽度不一致的问题解决.txt
IE和谷歌浏览器显示 效果不一样解决办法
热门推荐
昊谦粑粑
09-27 1万+
空格在ie、firefox、chrome浏览器上显示的效果不太一样，主要是前面的空格宽度不同，这可能是因为不同的浏览器会有不同的默认字体，一般 IE默认字体都是宋体，下面为大家介绍几种不错的解决方法
关于transform-style: preserve-3d；设置后，无效果问题
最新发布
weixin_52096382的博客
11-28 868
关于transform-style: preserve-3d；设置后，无效果问题
为什么 transform-style: preserve-3d；不起效果
DIUDIUjiang的博客
04-19 2902
在练习下面的3D转换时，正常效果本来应该是下面这样的 鼠标碰到他后，会翻转过来，背面在上，变成下面这样 但是小编在练习的时候去出现了另一种情况 不知道会不会有人和小编一样在练习CSS3的3D转换时，也会遇到这样的问题，就是transform-style: preserve-3d;没有起到效果， 就类似下面的效果 翻转过来是这样的 这就让小编百思不得其解，为什么会这样呢？ 原来是因为小编忘记加backface-visibility: hidden;（背面隐藏）这个属性了 ..
原生JavaScript下的DOM操作
WEBCODE
07-26 160
原生JavaScript下的DOM操作 2011-05-29 JQuery确实是个很好用的库，你可以不用考虑很多细节方面的事情。但很作为一个web前端，处理和了解浏览器差异一个重要问题。下面将介绍一些总结，先介绍没有使用js库的情况。 1. setAttribute方法设置元素类名 在jQuery中，直接使用attr()方法即可，可在原生的JS中， ...
本地ie打开html布局乱,网页设计：浏览器在兼容模式下布局全乱了 – 解决办法...
weixin_32042331的博客
06-20 1556
在chrome、ie浏览器中显示均正常，为何用360或搜狗等浏览器的兼容模式查看网页布局会全乱了呢？解决办法：在head中添加一个meta标签，指定兼容模式。因为旧的ie浏览器与chrome等浏览器的解释方式差别较大，因此个人经验是指定较高的兼容模式即可，如ie8。兼容性对于网页设计师来说非常重要。虽然最好是建立一个完全不需依赖任何网页浏览器特性或功能的网站，但是有时候这是不可能实现的。而文件兼容...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值