响应式布局网页的设计与实现  

Design and Implementation of Responsive Layout Web Page

作　　者：梁敦毫 LIANG Dun-hao(Guangdong Preschool Normal College In Maoming,Maoming Guangdong 525000)

机构地区：[1]广东茂名幼儿师范专科学校,广东茂名525000

出　　处：《数字技术与应用》2020年第12期150-153,共4页Digital Technology & Application

摘　　要：随着智能手机和平板电脑的普及,人们越来越多的使用采用移动设备去浏览网页,传统的网页都是基于PC端开发的,这就给移动设备用户的访问造成很大的不便和带来不好的用户体验,为了解决这个问题,现在很多网站都开发成响应式布局的页面,以此来兼容不同设备。本文将从基于HTML5+CSS和Bootstrap两种方式来介绍响应式布局的实现。With the popularity of smart phones and tablet computers,more and more people use mobile devices to browse web pages.The traditional web pages are developed based on PC,which brings great inconvenience and bad user experience to mobile device users.In order to solve this problem,many websites are developed into responsive layout pages,so as to be compatible with different types of pages Equipment.This paper introduces the implementation of responsive layout based on HTML5+CSS and bootstrap.

关 键 词：响应式布局 网页 HTML5 BOOTSTRAP 

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