好心人 帮个忙 是CSS+div 的问题 页面怎样兼容苹果机??!!! 这个包括ipad系列

html-css06

好心人 帮个忙 是CSS+div 的问题 页面怎样兼容苹果机??!!! 这个包括ipad系列,第1张

对于PC机或者MAC机上的浏览器适应问题只要用传统的CSS适应方法就可以，都是一些琐碎的细节，比如!improtant的应用，还有就是min-height和_height两种高度是IE内核和FF内核的不同表示方法，对于特效背景有的浏览器支持CSS滤镜，而有的需要用渐变来完成.......总之都是一些细节上的改动，具体可以参考一下CSS hack写法，不过对于IPad上的适应问题，我觉得可能要为其单独制作一版样式，毕竟它比较特殊，仔细研究一下吧，这种浏览器兼容问题是需要很细心地来解决的，祝你好运！

建议你看一下div盒子的具体设置

你设置 width：100%；height：auto；试一下 不行再试试 fixed，如果还不行

看CSS中的盒子具体设置

htmi如下：

<div class="bg-white">

<div class="ld">

<img class="icon" src="img/icon-lsh.png"/ >

<div class="ic-titles ">业务流水号：</div>

<div class="ic-titles-content">56426566523243</div>

</div>

<div class="clear"></div>

<div class="ld">

<div class="icon"><img src="img/icon-gsm.png"/ ></div>

<div class="ic-titles">公司名称：</div>

<div class="ic-titles-content">深圳市XXXXXX公司</div>

</div>

<div class="clear"></div>

</div>

css如下：

.bg-white{

background:#fff

width:100%

height:100%

padding:16px 0

margin-top:16px

}

.ld{

padding:4px 0px

margin:0px 48px

}

.icon{

float:left

padding:3px

}

.ic-titles{

float:left

margin-left:48px

width:208px

font-family:'微软雅黑'

font-size:32px

color:#333

padding:6px

text-align:justify

}

.ic-titles-content{

font-family:'微软雅黑'

font-size:32pxcolor:#333

text-decoration:none

padding:6px

}