蓟县APP开发者的朋友们,特别是刚入行的新手们,应该除了掌握html和css代码方面的知识外,还应该学学ie兼容型问题,很多APP设计新手们都会碰到这样的问题,你在这个浏览器上测试的时候没事,而在另外的浏览器上测试的时候都变样了,其实这都是兼容性热的货,原本在ie7或firefox下看的很好的APP放到ie5或更低版本中就会错位,APP面目全非,然而检查代码却找不出任何问题。这都给很多网建者们带来很多的麻烦。遇到这种问题一般都是浏览器版本造成的,下面蓟县APP开发说说这些问题。
第一先说说盒模型的基本概念,在APP中的段落、图片,层等很多元素css看作是盒子。好比一个大的纸盒子里放了一块蛋糕,那么这个蛋糕好比是一个图片。蛋糕边缘距纸盒侧边的距离成为内边距(padding),APP中会包含很多类似的元素,那么元素间的距离称为外边距(margin)。
第二点谈的是IE中盒模型问题所在。到底问题怎么出现的呢?问题现象又是怎么样的呢?当然ie6以上或其他浏览器不存在这个问题,只会在低版本的ie下出现。以下举个例子说明。定义一个盒子:p{ border:10px solid #3b5998;padding:30px; width:200px;}正常情况下元素P的宽度是280像素,但ie5浏览器分析给出的宽度是120像素。
第三点谈谈怎么解决这个问题?以前ie6以下版本几乎没有人用,可以忽略这个问题。为了追求完美,可以采取这样的方法:添加一个ie5不认识的属性"voicefamily",浏览器分析到这个不认识的属性时就会停止,而其他浏览器仍然会继续执行。在此贴出css代码:p{ border:10px; solid #3b5998; padding:30px; width :280px; voicefamily:"\"}\""; voicefamily:inherit; width:200px;}。