广东科技学院首页移动端适配

这几天在使用手机访问学校主页的时候发现页面没有进行移动端的适配，因此浏览起来非常不便，因此便对首页和文章详情页这两个主要的页面进行了一下简单的适配工作，主要使用了Layui框架，可以直接使用手机进行访问。

 

 

 

预览地址：

首页：https://qintang01.gitee.io/gdust_pc_mobile/

文章详情页面：https://qintang01.gitee.io/gdust_pc_mobile/article_detail.html

 

相关代码已上传gitee（https://gitee.com/qintang01/gdust_pc_mobile）。

 

 

1. 原始页面：

广东科技学院首页PC端（https://www.gdust.edu.cn）

 

移动端页面（未进行移动端适配，浏览起来非常不便）

 

 

 

 

 

2. 适配后的页面

PC端，基本进行了还原，除了一些细节，页面数据来自于8月份的学校官网。

 

 

移动端

首页

 

文章详情页