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

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

原文地址:https://www.cnblogs.com/sdwrz/p/5268171.html