1、网页设计中浏览器间不兼容问题如何解决,国内主流的浏览器有那几个啊?
最多的还抄是IE,单说兼容性最袭差的IE6.0占据了全世界IE市场的35%.
国内网页的不兼容主要祸起IE6.0。其他的内核forefox的“变色龙”内核
苹果浏览器和chrome使用webkit内核。搜狗和360极速版也是webkit的内核。
360普通版是IE内核,至于他表现得更像IE6,还是兼容性好那么一些的IE8就
要看用户机器上安装的是IE6/IE8了。
傲游2.X使用IE内核。3.X使用webkit内核。
腾讯也一样4.X用IE内核。5.X 开始用webkit内核了。
operal使用的自己内核,但是是非主流的市场在国内百分之1-2.
webkit和firefox的内核兼容性非常好,同样的内容表现一致,偶尔会有
很小很小细节的差别。
说起兼容性如何解绝。这需要经验遇到不兼容就用一些技巧上的变化。
如果你没什么经验的话我就建议你设计好网页之后至少在IE 6,IE8和firefox下测试。
firefox之所以要测试是因为他占据了市场的第二
遇到问题上网查,请教啊什么的。
最后练习+动脑。经过一段时间的积累你就会对浏览器之间的差别掌握个7-8分了。
祝你好运
2、网页设计浏览器兼容性的问题,求解决方法!!!
兄弟。
最简单的一个。在body与body之间加一个center标签。
然后,请仔细学习一下css的排版吧专。网页属居中,是最基础的东西了。
常规做法如下:
<style type=”text/css”>
body { background-color: #eee; text-align: center; }/*页面居中*/
#wrap { margin: 0 auto; width: 960px; background-color: #fff; text-align: left; }/*让文字默认左对齐*/
</style>
<html>
<head>
<title></title>
</head>
<body>
<div id="wrap">
<p>内容区</p>
<p>内容区</p>
<p>内容区</p>
<p>内容区</p>
<p>内容区</p>
<p>内容区</p>
</div>
</body>
</html>
3、CSS网页设计页面浏览器兼容性问题怎么解决?
<meta http-equiv = "X-UA-Compatible" cotent = "IE=edge,chrome=1"/>来这样写可以达到的效果是自如果安装了GCF,则使用GCF来渲染页面,如果没安装GCF,则使用最高版本的IE内核进行渲染。Google Chrome Frame(谷歌内嵌浏览器框架GCF)。这个插件可以让用户的IE浏览器外不变,但用户在浏览网页时,实际上使用的是Google Chrome浏览器内核,而且支持IE6、7、8等多个版本的IE浏览器。
4、网页设计中如何解决浏览器兼容问题?
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 http-equiv="x-ua-compatible" content="ie=7" />
6. 背景兼容问题
有的时候明明给一个DIV加了背景颜色或背景图片,但是却显示不出来或者显示不全。
解决办法:首先,有可能是DIV没有设置绝对高度。如果设置了宽度和高度还没有效果,那么给DIV一个样式display:block;(通常a:hover加背景的时候经常遇到)。
另外,如果高度必须要设置成自动的话,那么就给DIV一个样式overflow:hidden;
7. IE7和Firefox兼容问题
很多朋友DIV+CSS的时候,会出现,在IE的几个浏览器下都好使,就是FF下有问题。
解决方法:height:100px;/*FF下显示100的高*/ +height:120px;/*IE678下显示120高*/
原理:FF不识别加过符号的属性,而IE识别。
5、制作网页时浏览器的兼容性问题
同浏览器对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块进行布局时就可以做的更加得心应手。
6、CSS网页设计页面浏览器兼容性问题怎么解决
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,回造成页面显示效答果不统一的情况。在大多数情况下,我们的需求是,无论用户
用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。
我想把前端开发人员划分为两类:
第一类是精确按照设计图开发的前端开发人员,可以说是精确到1px的,他们很容易就会发现设计图的不足,并且在很少的情况下会碰到浏览器的兼容性问题,而这些问题往往都死浏览器的bug,并且他们制作的页面后期易维护,代码重用问题少,可以说是比较牢固放心的代码。
第二类是基本按照设计图来开发的前端开发人员,很多细枝末节差距很大,不如间距,行高,图片位置等等经常会差几px。某种效果的实现也是反复调试得
到,具体为什么出现这种效果还模模糊糊,整体布局十分脆弱。稍有改动就乱七八糟。代码为什么这么写还不知所以然。这类开发人员往往经常为兼容性问题所困。
修改好了这个浏览器又乱了另一个浏览器。改来改去也毫无头绪。其实他们碰到的兼容性问题大部分不应该归咎于浏览器,而是他们的技术本身了。