CSS 兼容问题,文字错位

html-css09

CSS 兼容问题,文字错位,第1张

background-size: 本来就是css3的属性 不兼容ie9以下的浏览器很正常

建议需要兼容ie较低的版本把图片做成 1920*1080 然后写 background-position:center center这种是常规做法,小屏下只能看下居中的部分图片

如果你需要看完整整张图片适应屏幕去缩小尺寸,建议你做成img width100%;其他的内容绝对定位在上面

360兼容模式下是以IE7进行访问的,如果是前端菜鸟写的css代码可能会引起错位,布局不整等BUG,本来IE678表现的效果就不一样,如果不熟悉他们的区别,写的代码经常会出来错位情况;

那么content="UE=EmulateIE7"---表示均使用 Windows Internet Explorer 7 的标准渲染模式。

如果开始代码没有问题,那么转成标准渲染后就没问题了

暂时试了下,

你的<a>里面有数字的会下沉,所以你需要在左右箭头里面加一些内容

例如:

<div class="paging">

<a href="#" class="pagePrev">p<b></b></a>

<a href="#">1</a>

<a href="#">2</a>

<a href="#">3</a>

<a href="#">4</a>

<a href="#">5</a>

<a href="#">6</a>

<a href="#" class="pageNext">n<b></b></a>

</div>

错位的原因我也说不清~这算是一种解决方法吧~

或者写nbsp咯~