欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

如何处理ipad safari CSS 样式的兼容性?_html/css_WEB-ITnose

程序员文章站 2022-05-14 17:06:50
...
如上图【由三个DIV组成的圆角框,中间DIV 两端出现了间隙】主流PC浏览器都能显示正确的效果,唯独IPAD Safari 出现这样的差异。不清楚是什么原因造成的,知道的朋友指教。

以下为布局

如何处理ipad safari CSS 样式的兼容性?_html/css_WEB-ITnose



  • 如何处理ipad safari CSS 样式的兼容性?_html/css_WEB-ITnose

  • Role

  • User



如何处理ipad safari CSS 样式的兼容性?_html/css_WEB-ITnose


回复讨论(解决方案)

这样能看出什么啊。。。没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}试试