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

摘要：文章从Web前端响应式布局的现状与优势出发，重点阐述了所使用到的视口、媒体查询、流式布局、弹性布局、流式图片和rem适配布局等关键技术，通过对不同属性值的分析，使读者能够掌握Web前端响应式布局所使用的关键技术，最后展望了Web前端响应式布局的未来发展。

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

doi：10.3969/J.ISSN.1672-7274.2023.09.009

中图分类号：TP 393.092          文献标志码：A          文章编码：1672-7274（2023）09-00-03

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）

Abstract： 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.

Key words： Web front-end; Viewport; responsive layout; media query; flex

工业和信息化部的监测数据显示，2023年1—2月，国内累计移动互联网流量达到417.9亿GB，同比增长了12%，截至2月底移动互联网用户数达14.68亿户，比上年末净增1 422万户。（剩余4592字）