Responsive Web Design
參考
阮一峰先生的部落格上有一篇專門介紹響應式網頁設計的文章
總結
- html頭部使用專門的meta標籤標註是響應式網頁
- 頁面寬度和字型都採用相對百分比和相對大小
- 採用流式佈局
- 根據不同情況採用不同css
- css中根據不同情況使用不同的樣式
- 圖片根據不同樣式採用不同的大小、解析度
相關文章
- Responsive Web Design 響應式網頁設計Web網頁
- 自適應網頁設計（Responsive Web Design）網頁Web
- Understanding Responsive Web Design: Cross-browser CompatibilityWebROS
- FreeCodeCamp - Responsive Design with Bootstrapboot
- web design toolsWeb
- online web design toolWeb
- Web UI Design Patterns 2014WebUI
- 10 Best Responsive HTML5 Frameworks and ToolsHTMLFramework
- 10+ Best Responsive HTML5 AngularJS TemplatesHTMLAngularJS
- .NET進行客戶端Web開發又一利器 - Ant Design Blazor客戶端WebBlazor
- Mac網站設計軟體——Wolf 2 Responsive DesignerMac網站
- Design Systems 02 - 什麼是 Design Principles
- Material DesignMaterial Design
- TheAdmin v1.0 – Responsive Bootstrap 4 Admin, Dashboard & WebApp TemplatebootWebAPP
- 基於Vue JS, Webpack 以及Material Design的漸進式web應用 [Part 1]VueJSWebMaterial Design
- Ant Design 官方《Ant Design 實戰教程》釋出
- Relationship Database DesignDatabase
- Ant Design VueVue
- Material Design AnimationMaterial Design
- Effective Oracle by DesignOracle
- Material Design時代Material Design
- System design summary
- Design a Moore FSM
- System Design InterviewView
- Object oriented design (OOD)Object
- design pattens - adapterAPT
- Material Design實戰Material Design
- SAP Fiori and Design Principles
- Design Pattern理解碎片
- 安卓Material Design（2）安卓Material Design
- 安卓Material Design（3）安卓Material Design
- 安卓Material Design（5）安卓Material Design
- Application Design BasicsAPP
- Design Principles: Lesson 2
- Design with static members (轉)
- Algorithms for Compiler DesignGoCompile
- SAP UI5 Form 表單的 Responsive Grid Layout 佈局中的 breakpointUIORM
- learn from collection framework designFramework