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