html + css响应式布局

共3个文件

css：2个

html：1个

html

需积分: 13 0 下载量 198 浏览量 2022-09-18 12:45:02 上传评论收藏 2KB ZIP 举报

温馨提示

供参考

资源详情

资源评论

资源推荐

收起资源包目录

响应式布局.zip （3个子文件）

响应式布局.html 1KB

small.css 1KB

big.css 1KB

共 3 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>Document</title> <link rel="stylesheet" href="big.css" media="(min-device-width:1000px)"> <link rel="stylesheet" href="small.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>图片</li> <li>图片</li> <li>图片</li> <li>图片</li> <li>图片</li> <li>图片</li> </div> </div> </div> </body> </html>