ipad html兼容问题,如何处理ipad safari CSS 样式的兼容性？_html/css_WEB-ITnose

如上图【由三个DIV组成的圆角框，中间DIV 两端出现了间隙】主流PC浏览器都能显示正确的效果，唯独IPAD Safari 出现这样的差异。不清楚是什么原因造成的，知道的朋友指教。

以下为布局

Role

User

回复讨论(解决方案)

这样能看出什么啊。。。没css也没办法测试

应要求补CSS

#roleArea

{

height:39px; width:auto;

overflow:hidden;

float:left;

margin-top:10px;

margin-bottom:10px;

}

#roleArea div

{

height:39px;

overflow:hidden;

padding:0;

width:auto;

float:left;

margin:0;

}

#roleArea div.boxMiddle

{

background:url("../images/web/bar_headerMiddle.png");

background-repeat:repeat-x;

}

#roleArea div.boxLeft,#roleArea div.boxRight{ width:20px;}

#roleArea ul

{

list-style:none;

margin:0 auto;

padding:0;

display:block; width:100%; overflow:hidden;

}

#roleArea ul li{ float:left; height:39px; overflow:hidden;}

#roleArea ul li span

{

float:left;

height:39px;

line-height:39px;

color:#666;

}

#roleArea ul li span b{color:#006495}

你在样式里加个 img{border:0px}试试

声明：本文原创发布php中文网，转载请注明出处，感谢您的尊重！如有疑问，请联系admin@php.cn处理