基于HTML5+CSS3的Web前端响应式页面布局研究  

Research on Web Front-end Responsive Page Layout Based on HTML5+CSS3

作　　者：陈红卫 CHEN Hongwei(School of Information Engineering,Xuzhou Technician College,Jiangsu Province,Xuzhou 221000,China)

机构地区：[1]江苏省徐州技师学院信息工程学院,江苏徐州221000

出　　处：《数字通信世界》2023年第9期26-28,共3页Digital Communication World

摘　　要：文章从Web前端响应式布局的现状与优势出发,重点阐述了所使用到的视口、媒体查询、流式布局、弹性布局、流式图片和rem适配布局等关键技术,通过对不同属性值的分析,使读者能够掌握Web前端响应式布局所使用的关键技术,最后展望了Web前端响应式布局的未来发展。This article starts from the current situation and advantages of responsive layout in the Web front-end,focusing on the key technologies used,such as Viewport,media query,streaming layout,elastic layout,streaming image,and rem adaptive layout.By analyzing different attribute values,readers can grasp the key technologies used in responsive layout in the Web front-end.Finally,it looks forward to the future development of responsive layout in the Web front-end.

关 键 词：Web前端 视口 响应式布局 媒体查询 弹性布局 

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