內容摘要：隨著現代社會的不斷發展，人們的需求不斷變化，不斷的創新才能更好的滿足人們的需求。從智能設備的出現，到如今不過短短十年，設備尺寸的多樣化，傳統的網頁設計已不能滿足現如今多樣化的設備通用需求。如果僅為滿足這多樣化的設備需求，網站便會投入更多的人力資源，顯然這是不切合實際的。為避免浪費這些不必要的資源，于是響應式設計的網站便順勢而生，出現在了人們的眼前，成為近幾年網頁設計的一大趨勢，越來越多的網站選擇了響應式。

對于近些年大熱的響應式，我將利用HTML5和CSS3來寫出一個響應式web頁面，借鑒Bootstrap框架的網格系統實現web頁面對不同顯示設備的適配，使用JavaScript的庫jQuery完成相關交互，能夠在手機，平板電腦及PC設備上運行。

本文主要介紹什么是響應式，網頁開發內容介紹以及在不同終端下的運行結果展示。

關鍵詞：響應式 媒體查詢 不同終端 用戶體驗 HTML5

目次

摘要

Abstract

引言--1

1.-響應式網頁設計-2

1.1-響應式的設計原理-3

1.1.1-Viewport-3

1.1.2-媒體查詢 (@media)-4

1.2-響應式的設計模式-6

1.2.1-基于顯示設備的大小-6

1.2.2-內容顯示方式優先-6

2.-網頁開發內容介紹-8

2.1-開發準備-8

2.1.1-網頁開發基本要素-8

2.1.2-網頁開發工具-8

2.1.3-網頁開發使用的庫-8

2.2-網頁布局-8

2.2.1-頁面公用組件分析-9

2.2.2-首頁布局分析-12

2.2.3-內頁布局分析-13

3.-運行結果展示-14

3.1-PC端運行結果-14

3.2-平板端運行結果-15

3.3-移動端運行結果-16

4.-結語-17

參考文獻--18

致謝--20

總結

以上是生活随笔為你收集整理的基于php响应式网站毕业论文,基于html5与css3的响应式web页面设计与实现.docx的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。