[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介
2022/2/19 23:15:09
本文主要是介绍[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
原文地址:https://web.dev/learn/design/intro/
前世
一开始,万维网就被设计为不可知论者。你拥有什么硬件、设备运行什么操作系统并不重要。只要你可以连接到互联网,你就可以访问万维网。
在网络的早期,大多数人都在使用台式电脑。但如今,网络可以在台式机、笔记本电脑、平板电脑、智能手机、冰箱和汽车上使用。人们都期望不管使用什么设备,网站看起来都与设备配合亲密无间。响应式设计使这成为可能。
响应式设计并不是设计网站的第一种方法。在响应式设计之前的几年里,网页设计师和开发者都尝试了许多不同的技术。
固定宽度设计
在 1990 年代初期,那个时候网络刚开始流行,大多数显示器的屏幕尺寸为 640x480 。大家都在大头机上查看网页,和当今的平板液晶显示器的体验完全不同。
下面是带有两个简单文本列和一个导航栏的 Microsoft 网站。
这篇关于[课程笔记]学习网页响应式设计 - 01 - 响应式设计简介的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-26大厂数据结构与算法教程:入门级详解
- 2024-12-26大厂算法与数据结构教程:新手入门指南
- 2024-12-26Python编程入门指南
- 2024-12-26数据结构高级教程:新手入门及初级提升指南
- 2024-12-26并查集入门教程:从零开始学会并查集
- 2024-12-26大厂数据结构与算法入门指南
- 2024-12-26大厂算法与数据结构入门教程
- 2024-12-26二叉树入门教程:轻松掌握基础概念与操作
- 2024-12-26初学者指南:轻松掌握链表
- 2024-12-26平衡树入门教程:轻松理解与应用