最近在做移动端页面时,偶遇到了一个问题,发现在ios上局部地方显示的也有不一样(首页都是已经统一设置了相同的字体),开始搞得我百思不得其姐,而android没有发现有这个问题。

显示效果如下图所示:

1、红色背景的返回和返,这两处的返字截然不同,

2、还有标题“参团参团参团参团”和下面的满50人参团,也明显的不同。

开始在调试的时候一直去找这个地方的样式不同,经过对比,通过去掉,增加一些样式或者加粗等等一些方法去试验,发现在上面两处使用了b,h1标签的地方,字体就变了,变在更细了,不清晰。后来想想可能是reset的原因,因为在reset的时候首先把b、h1等标签设置成font-weight:100,也许就是这个100,使得他们表现为更细了最后解决方法还是换一下标签(改为span,p,div)。谨此小计一下,以后尽量别用这些标签了。。