移动端——论使用图片撑出模拟背景所带来的好处（主要解决图片之上是一些动态变化的内容，图片的效果难以使用程序来实现）

 

在一个范围内，当使用一张图片来撑开页面时，给图片一个百分比的width，此时图片的高度由图片自适应展开，例如某一段文字距离顶部的距离占图片高度的5%，则可以对这个范围使用相对定位，对这个范围内图片以外的元素使用绝对定位。当文字不多仅占一行时，top设为5%，文字的line-height设为1；当文字所占行数较多时，top要以5%为最大值进行微调，因为对于多行的文字，行高设置为1显得太拥挤，行高大于1时，文字上下会根据文字的大小产生相应的空白，而设计人员在设计时通常不会考虑这些空白。