You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.3 KiB
36 lines
1.3 KiB
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<!-- 进行当前视口的控制，width=device-width 为宽度，initial-scale=1.0 是控制默认情况下显示以原始尺寸， user-scalable=no 代表是否允许缩放，no 表示不使用浏览器自身的缩放 -->
|
|
<meta http-equiv="X-UA-Compatible" content="width=device-width, initial-scale=1.0, user-scalable=no">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Document</title>
|
|
<link rel="stylesheet" href="./big01.css" media="(min-device-width: 1000px)">
|
|
<link rel="stylesheet" href="./small01.css" media="(min-device-width: 400px) and (max-device-width: 600px)">
|
|
</head>
|
|
<body>
|
|
<div id="layout">
|
|
<div id="top"></div>
|
|
<div id="main">
|
|
<div>
|
|
<li>分类1</li>
|
|
<li>分类2</li>
|
|
<li>分类3</li>
|
|
<li>分类4</li>
|
|
<li>分类5</li>
|
|
<li>分类6</li>
|
|
</div>
|
|
<div>
|
|
<li>图片1</li>
|
|
<li>图片2</li>
|
|
<li>图片3</li>
|
|
<li>图片4</li>
|
|
<li>图片5</li>
|
|
<li>图片6</li>
|
|
<li>图片7</li>
|
|
<li>图片8</li>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|