码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2020-09-03 17:01:26      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:inf   nbsp   png   移动端   框架   bsp   简单的   文章   ima   

这几天在使用手机访问学校主页的时候发现页面没有进行移动端的适配,因此浏览起来非常不便,因此便对首页和文章详情页这两个主要的页面进行了一下简单的适配工作,主要使用了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月份的学校官网。

技术图片

 

 

移动端

首页

技术图片

 

文章详情页

技术图片

 

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

标签:inf   nbsp   png   移动端   框架   bsp   简单的   文章   ima   

原文地址:https://www.cnblogs.com/liufuyi/p/13562310.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!