淘宝首部布局——pc与app端flex弹性布局
1.引入库
*用div写入内容,link引入css样式
代码如下(示例):
免费 注册 客服中心 长 为 森 玲
- 分类1
- 分类2
- 分类3
- 分类4
- 分类5
- 分类6
1
智
逸
智
5
智
2.读入数据
代码如下(示例):
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="../js/io.js">
</script>
<link href="../css/index.css" rel="stylesheet" />
<link href="../css/app.css" rel="stylesheet" media="(max-width:999px)"/><!--app端从最大999 开始到无穷小-->
<link href="../css/pc.css" rel="stylesheet" media="(min-width:1000px)"/> <!--pc端从最低1000开始到无穷大-->
</head>
<body>
<div id="aa">
<div id="bb">免费 注册 客服中心 长 为 森 玲</div>
<div id="cc" >
<div>
<li>分类1</li>
<li>分类2</li>
<li>分类3</li><