[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介

原文地址:https://web.dev/learn/design/intro/

前世

一开始,万维网就被设计为不可知论者。你拥有什么硬件、设备运行什么操作系统并不重要。只要你可以连接到互联网,你就可以访问万维网。

在网络的早期,大多数人都在使用台式电脑。但如今,网络可以在台式机、笔记本电脑、平板电脑、智能手机、冰箱和汽车上使用。人们都期望不管使用什么设备,网站看起来都与设备配合亲密无间。响应式设计使这成为可能。

响应式设计并不是设计网站的第一种方法。在响应式设计之前的几年里,网页设计师和开发者都尝试了许多不同的技术。

固定宽度设计

在 1990 年代初期,那个时候网络刚开始流行,大多数显示器的屏幕尺寸为 640x480 。大家都在大头机上查看网页,和当今的平板液晶显示器的体验完全不同。

下面是带有两个简单文本列和一个导航栏的 Microsoft 网站。

[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介

[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介

[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介

[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介

[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介

上一篇:力扣 453. 最小操作次数使数组元素相等(刷题笔记)


下一篇:java流程控制01 --- Scanner对象