博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端——论使用图片撑出模拟背景所带来的好处(主要解决图片之上是一些动态变化的内容,图片的效果难以使用程序来实现)...
阅读量:5095 次
发布时间:2019-06-13

本文共 292 字,大约阅读时间需要 1 分钟。

 

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

转载于:https://www.cnblogs.com/sdwrz/p/5268171.html

你可能感兴趣的文章
ionic2+ 基础
查看>>
查询消除重复行
查看>>
[leetcode]Minimum Path Sum
查看>>
内存管理 浅析 内存管理/内存优化技巧
查看>>
Json格式的字符串转换为正常显示的日期格式
查看>>
[转]Android xxx is not translated in yyy, zzz 的解决方法
查看>>
Mobiscroll脚本破解,去除Trial和注册时间限制【转】
查看>>
Redis快速入门
查看>>
BootStrap---2.表格和按钮
查看>>
Ajax之404,200等查询
查看>>
Aizu - 1378 Secret of Chocolate Poles (DP)
查看>>
csv HTTP简单表服务器
查看>>
IO流写出到本地 D盘demoIO.txt 文本中
查看>>
Screening technology proved cost effective deal
查看>>
Redis Cluster高可用集群在线迁移操作记录【转】
查看>>
mysql8.0.13下载与安装图文教程
查看>>
Thrift Expected protocol id ffffff82 but got 0
查看>>
【2.2】创建博客文章模型
查看>>
Kotlin动态图
查看>>
从零开始系列之vue全家桶(1)安装前期准备nodejs+cnpm+webpack+vue-cli+vue-router
查看>>