没有合适的资源?快使用搜索试试~ 我知道了~
legacy-layout-fluid-grid
共3个文件
html:1个
md:1个
css:1个
需积分: 9 0 下载量 41 浏览量
2021-04-04
06:11:24
上传
评论
收藏 2KB ZIP 举报
温馨提示
创建流体网格 我们的网格可以很好地工作,但是具有固定的宽度。 我们确实想要一个灵活的(流体)网格,该网格将随着浏览器视口中的可用空间而增长和缩小。 为此,我们可以将参考像素宽度转换为百分比。 将固定宽度变为基于百分比的弹性宽度的方程式如下。 目标/环境=结果 对于我们的列宽,我们的目标宽度是60像素,上下文是960像素包装器。 我们可以使用以下内容来计算百分比。 60/960 = 0.0625 然后,我们将小数点移动2位,使我们的百分比为6.25%。 因此,在我们CSS中,我们可以将6.25%的60像素列宽替换。 我们需要对装订线宽度执行相同的操作: 20/960 = 0.02083333333 因此,我们需要将.col规则上的20像素边距左边和.wrapper上的20像素边距右边替换为2.08333333%。 更新我们的网格 首先,请为您的上一个示例页面制作一个新副本。
资源推荐
资源详情
资源评论
收起资源包目录
legacy-layout-fluid-grid-master.zip (3个子文件)
legacy-layout-fluid-grid-master
css
style.css 972B
index.html 1KB
README.md 1KB
共 3 条
- 1
资源评论
高晖云
- 粉丝: 19
- 资源: 4621
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功