浅谈CSS3 Media Query的使用方法

下载PDF

导出

摘要网页设计人员都希望开发的网页可以适用于各种终端设备上,使浏览者可以完整、友好地浏览网页。响应式布局的提出恰恰可以满足这一需求。而响应式布局的关键就是要通过Media Query媒介查询对终端设备的显示尺寸进行检测。该文分别对Media Query媒介查询、Media Query使用及其优、缺点进行阐述,希望对网页设计人员在实现响应式布局时有所帮助。

作者陆郁

机构地区唐山市职业教育中心

出处《科技资讯》 2019年第27期22-22,24,共2页 Science & Technology Information

关键词响应式布局 MEDIA QUERY CSS

分类号 TP393 [自动化与计算机技术—计算机应用技术]

引文网络
相关文献

参考文献8

1彭雪萍.试析响应式网页的设计与开发[J].电脑编程技巧与维护,2018(10):8-10. 被引量：6
2叶潮流,马林山.基于HTML 5+CSS3+jQuery的响应式布局网页设计[J].梧州学院学报,2018,28(3):22-35. 被引量：11
3袁琳.案例教学在计算机网页设计课中的应用[J].新西部（下旬·理论）,2016(10):133-133. 被引量：3
4洪涛.平面设计专业网页设计课程教学改革研究[J].美术教育研究,2017(18):90-91. 被引量：3
5陈洁.案例教学法在网页设计教学中的应用研究[J].佳木斯职业学院学报,2017,33(7):429-430. 被引量：1
6徐健.响应式网页设计案例实现与分析[J].信息与电脑,2018,30(6):13-15. 被引量：3
7龙安源.高职院校网页设计人才培养与教学模式的创新与实践[J].科技经济导刊,2016(17). 被引量：1
8吴多智,陈益全.响应式网页设计案例实现与分析[J].安徽电子信息职业技术学院学报,2016,15(2):14-17. 被引量：7

二级参考文献29

1[美]StephenHay.响应式Web设计全流程解析[M].北京:人民邮电出版社,2014.
2百度百科.响应式网页设计[EB/OL].(2015-07-15)[2015-12-10].http://baike.baidu.com/view/9876268.htm.
3[美]Tim Kadlec.响应式Web设计实践[M].侯鸿儒,译.北京人民邮电出版社,2013.
4[美]Ben Frain.响应式Web设计:HTML5和CSS3实战[M].王永强,译.北京:人民邮电出版社,2013.
5[美]Benjamin La Grone.响应式Web设计:HTML5和CSS3实践指南[M].黄博文,饶勋荣,译.北京:机械工业出版社,2014.
6张学林,段珊,胡波.浅谈案例教学法在网页设计与制作课程教学中的应用[J].中国成人教育,2009(10):123-124. 被引量：5
7符小明.“任务驱动教学法”在网页设计教学中的应用[J].科技资讯,2010,8(10):187-187. 被引量：4
8陈桂珍.项目教学法在《网页设计与制作》课程教学中的应用[J].职业时空,2010,6(5):111-112. 被引量：10
9刘勇.案例教学法在网页设计教学中的应用研究[J].南昌高专学报,2010,25(6):107-109. 被引量：15
10徐怡,李龙澍,纪霞.任务驱动的软件工程教学模式研究[J].科教文汇,2013(24):78-79. 被引量：8

共引文献26

1吴晓清.网页制作教学中图片切换的CSS应用[J].计算机产品与流通,2020,9(8):85-85.
2李小林.中职线上教学《计算机网页设计》课程模式思考[J].计算机产品与流通,2020,9(7):207-207. 被引量：4
3南楠.弹性布局在web前端开发中的应用问题研究[J].内江科技,2021,42(7):56-57.
4郑逸凡.响应式网站设计探析[J].南昌师范学院学报,2017,38(3):35-37. 被引量：1
5朱晓.浅析响应式网页设计的发展[J].电脑知识与技术,2018,14(2):229-230. 被引量：1
6刘瑞冰.美丽乡村建设背景下Web地图旅游查询系统研究——以泉州市永春县为例[J].现代信息科技,2018,2(10):71-74. 被引量：1
7杨颖.基于媒体查询的自适应Web设计方法研究与实现[J].电脑知识与技术,2017,13(4X):78-79. 被引量：1
8李霞.计算机网页设计课程教学模式的改革研究[J].信息与电脑,2018,30(1):217-218. 被引量：5
9刘瑞冰.基于响应式技术的电子地图网页设计研究[J].现代信息科技,2019,3(2):69-71. 被引量：1
10苏芝,李茹.基于HTML5的船舶智能监控系统软件界面自适应实现[J].上海船舶运输科学研究所学报,2018,41(4):34-38. 被引量：1

1向志利.试述全媒体时代经典诗文诵读的价值与传播——以诗词微学习为例[J].明日风尚,2019,0(12):126-128.
2姜波.配色方案与策略研究及其在用户界面设计中的应用[J].计算机产品与流通,2019,0(9):250-250. 被引量：1
3谢军.“摸鱼式加班”危害甚大[J].现代阅读,2019,0(10):34-34.
4于紫月.这些疾病自测法是自己吓自己[J].农民文摘,2019,0(9):46-47.
5高洁,张涛,程新洲,关键.一种基于LightGBM机器学习算法的用户年龄及性别预测方法[J].邮电设计技术,2019,0(9):36-39. 被引量：6
6申乙末.指甲上的"月牙"和健康有关吗?[J].糖尿病天地,2019,0(8):56-56.
7丁光耀.LED背光液晶屏标准化内容及影响[J].电子乐园,2019(17):23-23.
8王昌红(文/图).对超长网页内容进行截图[J].电脑知识与技术（经验技巧）,2019,0(8):16-18.
9方菲.揭秘电脑另一端的半仙[J].方圆,2019,0(14):26-29.
10郭建伟(文/图).挑肥拣瘦,巧吃“小甜饼”[J].电脑知识与技术（经验技巧）,2019,0(8):22-25.

科技资讯

2019年第27期

浏览历史

内容加载中请稍等...

浅谈CSS3 Media Query的使用方法

参考文献8

二级参考文献29

共引文献26

相关作者

相关机构

相关主题

浏览历史