网页的流式布局
来源:互联网 发布:传智播客python就业班 编辑:程序博客网 时间:2024/05/14 06:38
网页的流式布局简单来讲就是网页能够随着浏览器视口大小缩放,这要求在设置元素宽高时多使用百分比.
<!-- 当盒子的宽度是百分比来指定时,很多情况下要设置min-width和maxWidth IE7+兼容-->
<!doctype = html>
<html>
<head>
<meta charset="UTF-8"/>
<style type = "text/css">
div{
width: 80%;
height:200px;
border:3px solid black;
background:red ;
margin:0 auto;
max-width:800px;
min-width:400px;
box-sizing:boder-box;
<!-- 规定盒子的宽度为边框的宽度,这样设置border后不会影响整体宽度 -->
}
</style>
<title>流式布局</title>
</head>
<body>
<div>版心</div>
</body>
</html>
0 0
- 网页的流式布局
- 网页版面的布局
- 网页设计的布局
- 简单的网页布局
- 网页的布局方式
- css的网页布局
- 网页布局的九宫格基本布局
- 使用CSS布局的网页
- 摆脱表格布局的网页
- 网页布局的兼容性问题汇总
- 对于网页布局的思考
- 表格布局网页的方法
- CSS网页布局的建议
- 网页布局标签的运用
- 网页设计的布局有哪几种
- 实现网页布局的自适应
- 网页布局-float的使用
- 基本的html网页布局
- 我的博客即将同步至云栖社区,诚邀技术同仁光临。
- 选择器权重,行内居中
- 反转链表
- 利用Device.js判断设备进行网页布局
- 批处理for命令详解(转)
- 网页的流式布局
- 【C语言】C语言简介
- 合并两个排序的链表
- 【C语言】C语言函数
- 利用CSS3媒体查询实现更换样式表
- 四元数、欧拉角及方向余弦矩阵的相互转换公式
- 根据设备视口宽度来更换样式表
- 网页中Logo的样式代码
- 批处理关于截取变量中字符串(字段)问题的详细说明(转)