网页设计中如何解决浏览器兼容问题？

1 目标不居中；
一般新手都爱出现这个问题，主要原因是对盒子模型不够理解，如果发现你的页面没有居中，基本上有两种情况：
a 如果是在浏览器中没有居中，就是没盒子，就是要用一个大DIV把所有需要居中元素装起来，然后给盒子一个css样式margin:0 auto;
b 如果想要盒子内的元素居中，必须定义盒子的绝对宽度,然后给盒子一个CSS样式text-align:center;
2 目标在不同浏览器上的位置不同；
a 首先不要去急着找hack,先看一下自己的代码有没有错误，DW里有一个“检查浏览器兼容性”功能特别实用；
b 然后，尽量让目标的位置初始化，使之在所有浏览器都处在同一个位置，这个条件的前提是，不写hack，最后再一个方位一个方位调整。
3 目标与目标之间距离在各个浏览器上的区别；
a 给其中一个目标加背景颜色；
b 观察背景色与另外一个目标的距离，查看是不是这个目标造成的距离问题
c 如果不是上一个目标，那就给另外一个目标也加上背景颜色。
d 这样很容易判断出那个目标造成的原因，就针对那个目标进行修改。
4 IE6兼容问题最多的一个，浮动问题。
a flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，解决方法：
只需要给这个DIV加一个样式：display:inline;
b 布局的时候经常会遇到这种情况：发现有一个DIV浮动了，接下来的一个DIV本来是要在下面显示的，结果跑上面去了，这种情况一般在FF下面会出现。
解决的办法：清除浮动，在设置过浮动的那个DIV下面加一个DIV，给个样式clear:both;如下
<div style="float:left;height:100px; width:500px;"> <div style="clear:both;"> <div style="height:100px; width=300px">
5 IE8兼容问题
ie8下兼容问题，这个最好处理，转化成ie7兼容就可以。在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 <meta >

IE浏览器网页不兼容怎么办？下面我来告诉大家该怎么办。

01

首先，我们打开我们的电脑，然后我们打开我们电脑上面的IE浏览器，之后我们点击右上角的设置按钮；

02

d出的界面，我们点击兼容性视图设置；

03

之后我们输入需要使用兼容模式才能打开的网页，然后我们点击添加；

04

添加完成后，我们会在下方看到该网页，之后我们点击关闭，然后我们就可以打开这个网页了，打开该网页时，IE浏览器会进入兼容模式。

360浏览器：

点击浏览器地址栏右侧的闪电图标：

将“极速模式”改为“兼容模式”后问题即可解决。

IE浏览器：

打开IE11浏览器， 点击右上角的“工具”选项；

再选择“Internet选项”，点击界面上方的“安全”选项卡；

然后点击“受信任的站点”，将无法打开的网站添加到受信任的站点，然后就可尝试重新打开网站；

或者点击右上角的“工具”选项，选择“兼容性视图设置”将无法打开的网站添加到“兼容性视图中的网站”即可，然后关闭IE11，重新打开进去即可。

方法/步骤\x0d\不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。\x0d\因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS代码：\x0d\{margin:0px;padding:0px;}\x0d\借于此，所有标记的内外边距被统一起来。\x0d\优先级问题：\x0d\对于同一标记属性所给定的值，有不同的优先级。其中优先级最高的是内联代码，其实是页内CSS，接下来是浏览器默认设置，最后才是外部CSS所做的限制。\x0d\Margin不一致的问题：\x0d\当有多张需要排在一行时，我们通常使用“Float：Left”来实现，这样一来，浏览器就存在兼容性问题。导致与后面的内容存在margin不一致的问题。对此一种解决方法就是给添加“Display：inline”项即可。\x0d\DIV居中问题：\x0d\通常我们会利用“vertical-align:middle”来实现，这对于搜狗浏览器来说，是正常的，但是对于IE浏览器来说，却并没有效果。对此，一种较好的解决方法是：将文字的行高设置与DIV一样时即可解决问题。\x0d\内外边框合并问题。通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。\x0d\掌握了这一规则，在利用DIV块进行布局时我们就可以做的更加得心应手。

面试前端，面试官问你怎么解决浏览器相容性问题，你应该怎么回答？？

不同浏览器对HTML标记所具有的内外边距属性具有不同的定义。
因此如果想消除这种差距，应该在相应的CSS部分加入以下CSS程式码：
{margin:0px;padding:0px;}
借于此，所有标记的内外边距被统一起来。
优先顺序问题：
对于同一标记属性所给定的值，有不同的优先顺序。其中优先顺序最高的是内联程式码，其实是页内CSS，接下来是浏览器预设设定，最后才是外部CSS所做的限制。
Margin不一致的问题：
当有多张需要排在一行时，我们通常使用“Float：Left”来实现，这样一来，浏览器就存在相容性问题。导致与后面的内容存在margin不一致的问题。对此一种解决方法就是给新增“Display：inline”项即可。
DIV居中问题：
通常我们会利用“vertical-align:middle”来实现，这对于搜狗浏览器来说，是正常的，但是对于IE浏览器来说，却并没有效果。对此，一种较好的解决方法是：将文字的行高设定与DIV一样时即可解决问题。
内外边框合并问题。通常情况下，对于两个相关DIV块，相邻时采用外边距合并原则，其结果只最两个DIV块中Margin最大值做为两个DIV之间的间距。包含的两个DIV之间的间距也遵行同样的规则。
掌握了这一规则，在利用DIV块进行布局时我们就可以做的更加得心应手。

怎么解决浏览器相容性问题

1在大多数情况下,IE是常用的浏览器,当然IE6现在用的相对少了,自WIN7以来,IE都更新到IE9,IE9浏览模式,有一个相容性的选项,这样可以解决浏览网站的相容性;
2再个要解决浏览器的相容性,最好使用谷歌浏览器或是360浏览器,这两个浏览程式 优化做得好,能解决大多数相容问题;
3解决浏览器的相容性,还要注意浏览器的外挂,很多外挂只能在IE下使用,所以,我们要注意外挂带来的相容性问题;

浏览器相容性问题怎么解决

不同的浏览器有不同的HACK程式码，如IE6采用的是_属性：值，如_margin:10px;表示该样式只有IE6能识别，如果感兴趣，可以上网搜寻一下，不同的浏览器相容方式不一样，如今的浏览器在相容上，你需要先了解所相容浏览器的核心属于什么型别，现在的浏览器分为三大类，即IE一类、火狐一类、以webkit为核心的一类，如搜狗、谷歌等，不同的浏览器，其相容的程式码不一致，因此针对一个样式，你需要些多种不同的相容程式码才能完成相容。

浏览器相容性问题怎么解决啊

如果是外挂崩溃建议换一个浏览器。
不过据你说的原因个人感觉是网速问题。因为视讯网站，例如youku都是将视讯分成若干段储存的。播放的时候一段一段载入。如果网速不好或者是连通率不高也许就会出现载入完事一段之后不能顺利载入第二段。

ie8浏览器相容性问题怎么解决

方法1、简单方法：通过IE80浏览器介面中的“相容性检视”按钮，重新开启当前地址网页便可
方法2：通过IE80浏览器选单中的“工具”－“相容性检视设定”来设定相容的网站。具体方法为点选“工具”－“相容性检视设定”按钮出现如下图所示的视窗，只要在“新增此网站”中新增要相容开启的网址，然后点选“新增”按钮后，就会在“已新增到相容性检视中的网站”中显示出来网址。新增好后，点选“相容性检视设定”视窗，浏览器便可自动重新整理网页并可以正常显示。

浏览器相容性问题

常见浏览器相容性问题与解决方案（面试题目）
1，浏览器相容问题一：不同浏览器的标签预设的margin和padding不同
问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。
碰到频率:100%
解决方案：
可以使用Normalize来清除预设样式，具体可参考文章：来，让我们谈一谈 Normalizecss
也可以使用如下程式码：
body,h1,h2,h3,ul,li,input,div,span,a,form …… { margin:0; padding:0; }
 
2，浏览器相容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设定的大
问题症状:常见症状是IE6中后面的一块被顶到下一行
碰到频率：90%（稍微复杂点的页面都会碰到，float布局最常见的浏览器相容问题）
解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性 
备注：我们最常用的就是div+CSS布局了，而div就是一个典型的块属性标签，横向布局的时候我们通常都是用div float实现的，横向的间距设定如果用margin实现，这就是一个必然会碰到的相容性问题。
 
3，浏览器相容问题三：设定较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设定高度
问题症状：IE6、7和遨游里这个标签的高度不受控制，超出自己设定的高度
碰到频率：60%
解决方案：给超出高度的标签设定overflow:hidden;或者设定行高line-height 小于你设定的高度。
备注：这种情况一般出现在我们设定小圆角背景的标签里。出现这个问题的原因是IE8之前的浏览器都会给标签一个最小预设的行高的高度。即使你的标签是空的，这个标签的高度还是会达到预设的行高。
 
4，浏览器相容问题四：行内属性标签，设定display:block后采用float布局，又有横行的margin的情况，IE6间距bug
问题症状：IE6里的间距比超过设定的间距 
碰到机率：20%
解决方案：在display:block;后面

css浏览器相容性问题怎么解决方案

解决方案：
1开启360安全浏览器。
2点选浏览器下栏第二位的浏览器医生按钮，d出对话方块。
3点选"重灌IE”，按提示 *** 作，直至成功。

怎么解决CSS网页与浏览器相容性问题

这个得看你具体想相容什么了，具体相容到IE几 不同的浏览器有不同的写法，IE8的话可以直接去网上搜索相容，具体相容什么属性一般都可以搜寻到

所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户
用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。
我想把前端开发人员划分为两类：
第一类是精确按照设计图开发的前端开发人员，可以说是精确到1px的，他们很容易就会发现设计图的不足，并且在很少的情况下会碰到浏览器的兼容性问题，而这些问题往往都死浏览器的bug，并且他们制作的页面后期易维护，代码重用问题少，可以说是比较牢固放心的代码。
第二类是基本按照设计图来开发的前端开发人员，很多细枝末节差距很大，不如间距，行高，位置等等经常会差几px。某种效果的实现也是反复调试得
到，具体为什么出现这种效果还模模糊糊，整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为兼容性问题所困。
修改好了这个浏览器又乱了另一个浏览器。改来改去也毫无头绪。其实他们碰到的兼容性问题大部分不应该归咎于浏览器，而是他们的技术本身了。

---