安宁网页制作设计:如何使Web浏览器兼容

   浏览器兼容性问题是安宁网页制作设计 指不同浏览器对同一代码的解析不同,导致不同的页面显示效果,在大多数情况下,我们的要求是,无论用户使用什么浏览器浏览我们的网站或登录我们的系统,都应该具有统一的显示效果,所以浏览器兼容性是衡量一个浏览器的重要指标,所以如何解决当今浏览器兼容性问题,我们主要关注网站开发人员如何解决浏览器兼容性问题:
      
      浏览器兼容性问题1:当块属性标签浮动后存在水平边距时,边距大于IE6中的设置。
      
      问题症状:常见的症状是IE6的背面被顶到下一行。
      
      遇到频率:90%(稍微复杂一点的页面会遇到最常见的浮动布局浏览器兼容性问题)
      
      注意:最常用的布局是DIV+CSS,DIV是典型的块属性标签。我们通常使用DIV浮点来实现水平布局。如果我们使用安宁网页制作设计边距来设置水平间距,这是一个不可避免的兼容性问题。
      
      浏览器兼容性问题2:默认情况下图片间距为
      
      问题的症状:当几个img标记放在一起时,一些浏览器将有默认的间距,问题1中提到的通配符将不起作用。
      
      机会:20%
      
      解决方案:对img布局使用float属性
      
      注意:由于img标签是内嵌属性标签,并且www.0555178.com拥有版权,所以img标签只要不超过容器宽度,就会对齐,但在某些浏览器中img标签之间会有间隙。
      
      浏览器兼容性问题3:最小标签高度设置最小高度不兼容
      
      问题的症状:因为最小高度本身是一个不兼容的css属性,所以在设置最小高度时,它与浏览器不太兼容。
      
      事故概率:5%
      
      解决方案:如果我们想将标签的最小高度设置为200px,我们需要如下设置:最小高度:200px;高度:自动!重要;高度:200px;溢出:可见;
      
      注:B/S系统前端启动时,有很多情况下我们都有这个要求,当内容小于一个值(如300px)时,容器高度为300px,当内容高度大于这个值时,容器高度被提升而不是滚动条,此时我们将面对这个兼容性pr。奥布勒姆
      
      浏览器兼容性问题4:设置较小的高度标签(通常小于10px),在IE6、IE7中,漫游高度超出自己的高度设置
      
      问题的症状:IE6、7和标签在漫游时的高度是不受控制的,超出了自己的高度。
      
      遭遇频率:60%
      
      解决方案:设置溢出:对超过高度的标签隐藏;或将线条高度设置为小于设置的高度。
      
      注意:这种情况通常发生在背景为圆形的小标签中。出现此问题的原因是IE8之前的浏览器将为标签提供最小默认行高。即使标签为空,标签的高度也将达到默认行高。
      
      浏览器兼容性问题5:不同浏览器的标安宁网页制作设计签具有不同的默认外部和内部修补程序
      
      症状:随机写一些标签,没有样式控制,它们的页边空白和填充物有很大的不同。
      
      遭遇频率:100%
      
      解决方案:在CSS中
      
      注意:这是最常见和最容易的浏览器兼容性问题。几乎所有的CSS文件都以通配符*开头,将每个标记的内部和外部补丁设置为0。
      
      浏览器兼容性问题6:行内属性标签,www.0555178.com版权所有设置显示:块后浮动布局,且页边空白现象猖獗,IE6间距错误
      
      问题的症状:IE6中的间距比超过了设置的间距
      
      机会:20%
      
      解决方案:添加显示:inline;显示:显示后的表格:block;
      
      安宁网页制作设计注:在行属性标签中,为了设置宽度和高度,需要设置display:block;(除了输入标签是特殊的),在使用float layout和horizontal margin之后,在ie6下,他在float之后有horizontal margin bug,但是由于它本身就是一个行属性标签,所以我们添加display:in line,它的高度和宽度不能单独设置。此时,我们需要添加display:talbe-after-display:inline。
      
      浏览器兼容性问题7:透明度兼容CSS设置
      
      制作兼容页面的方法是:我们需要在不同的浏览器中看到每一小段代码(一行或一块布局)的兼容性,但在一定程度上熟练并不难。建议经常遇到兼容性问题的新手使用它。许多兼容性问题都是由D引起的。浏览器对标签默认属性的不同解释,只需几个设置就可以轻松解决,如果我们熟悉标签的默认属性,就可以理解为什么会出现兼容性问题,以及如何解决这些问题。
      
      我很高兴为读者提供Web浏览器兼容性问题的解决方案,我将继续在这里与大家分享我的经验。