# 一个响应式网页

**Repository Path**: qqppbb/responsive-web-page

## Basic Information

- **Project Name**: 一个响应式网页
- **Description**: @media screen and (min-width:768px)
@media screen and (min-width:1000px)
@media screen and (max-width:768px)
用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2021-11-22
- **Last Updated**: 2025-08-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 一个简单的响应式网页ghjghjghj
465as4f56asf
ghkghkghk33333

#### 介绍
@media screen and (min-width:768px)fffffasfasf
@media screen and (min-width:1000px)
@media screen and (max-width:768px)
用min-width时，小的放上面大的在下面，同理如果是用max-width那么就是大的在上面，小的在下面
asfasfgggggggggggggggggggggggggggggggggg
#### 软件架构
软件架构说明


#### 安装教程
156156156
1.  vscode或者hbuliderX打开


#### 使用说明

1.  一个简单的后台管理系统的首页（手写css样式，未引用任何组件库，引入vue.js和echarts.js）
2.  实现响应式布局，支持系统换肤，适配移动端（暂时完善到这）
3.  适合新手学习
4.  新增修改echart图表的样式。
    （1）.为legend设置formatter ，只显示5个字符串，剩余显示...,为其添加tooltip，当悬浮时，展示全部内容。
    （2）.为tooltip添加位置信息，当显示字段多长时，避免文字被遮挡。


#### 项目效果
![输入图片说明](https://images.gitee.com/uploads/images/2021/0629/173113_5d4606ae_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0629/173354_41bf6b4a_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0629/173839_6720aabb_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0629/174354_781ccb55_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0629/233344_cb663e6c_8576727.png "屏幕截图.png")
![输入图片说明](https://images.gitee.com/uploads/images/2021/0708/170750_116b67ae_8576727.png "屏幕截图.png")

#### 参与贡献

1.  Fork 本仓库
2.  新建 Feat_xxx 分支
3.  提交代码
4.  新建 Pull Request


#### 特技

1.  使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2.  Gitee 官方博客 [blog.gitee.com](https://blog.gitee.com)
3.  你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解 Gitee 上的优秀开源项目
4.  [GVP](https://gitee.com/gvp) 全称是 Gitee 最有价值开源项目，是综合评定出的优秀开源项目
5.  Gitee 官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6.  Gitee 封面人物是一档用来展示 Gitee 会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)