由于碰到了一个之前并没有碰到过的问题，纠结了好久也没弄出来，所以不得已只好求助各位大神了。

<style>

/*introduce*/

.introduce._pre{width:0.1rem;height:0.1rem;z-index:100;left:0;background:url('rta.jpg')no-repeat center;background-size:145%145%;position:absolute;top:0.085rem;}

.introduce._next{width:0.1rem;height:0.1rem;z-index:100;background:url('http://img1.lotour.net/2016/index_web/rta.png')no-repeat center;background-size:145%145%;position:absolute;right:0;top:0.085rem;}

.introduce{width:97%;position:relative;height:auto;font:normal16px/28px\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";overflow:hidden;color:#999;padding:24px10px;margin:40px0 10px;}

.introduce.ind_list{list-style:none;width:1000%;position:absolute;}

.introduce.ind_list li{width:10%;float:left;text-align:center;}

.introduce.ind_list li span{color:#666;margin-right:10px;}

/*tips*/

.tips{width:100%;height:530px;background:url('tipk.jpg')no-repeat center center;position:relative;background-size:100%100%;margin-left:-20px;}

.tipTitle{position:absolute;font-size:18px;font-weight:bold;font-family:"微软雅黑";left:1.52rem;top:0.17rem;}

.tip_info{width:78%;font:normal16px/28px\5FAE\8F6F\96C5\9ED1,"Microsoft YaHei";color:#333;clear:both;text-align:left;position:absolute;left:0.4rem;top:0.45rem;}

.tip_info span{font-weight:bold;float:left;}

.info1,.info2{margin-bottom:0.05rem;}

.tip_info.info2 div{width:100%;float:left;}

.tip_info.info2 div p{margin:0;}

</style>

自认为不是什么逻辑性问题，除了斜体部分其他的样式都很正常，这些是全部加载进去了的，但是只有当浏览器窗口产生变化时才能显示，实在搞不懂是什么问题，请各位大神帮帮忙啊……