020-29815005
预约专线时间:09:00-23:59

响应式 Web 设计简史

新闻来源:本站 日期:2021-05-11
Web站点就像画布,你可以在任何你想要的地方设计Web。但网页设计与绘画不同之处在于,并非所有人都能如你所想的了解你的网站。 因特网很大也很老,但它的设备越来越小,越来越精巧。如今,你必须在不影响作品美感的情况下调整其尺寸,以适应较小的画布。 在这里,有…
    Web站点就像画布,你可以在任何你想要的地方设计Web。但网页设计与绘画不同之处在于,并非所有人都能如你所想的了解你的网站。

    因特网很大也很老,但它的设备越来越小,越来越精巧。如今,你必须在不影响作品美感的情况下调整其尺寸,以适应较小的画布。

    在这里,有必要进行响应式设计。如今,我们在PC端和手机端浏览许多网站的体验非常不错,但并非一开始就是如此,开发者们经过多年的尝试才实现了这个目标,而我们每天仍然在不断改进。

    这篇文章,我们将深入研究响应式Web设计的历史,以了解Web开发如何随着时间而发展。

    因特网的早期

    记住,互联网早期的所有网站看起来都很漂亮?仅仅把自己的网页放到网上就已经是一个巨大的成就。甚至仅仅是那些使用Geocities或者Angelfire这类早期建站服务的网页,你可以向朋友展示它,这也是世界上最棒的事情之一。

    当时设计师的工作相对简单:人们只能通过台式电脑上网,设备的分辨率和宽高比只有少数几种,因此设计师可以在一块任意布局,而不用太担心其它屏幕的尺寸。

    2001年Yahoo网站。

    那个时候,网站经常强迫用户使用桌面浏览器。对整个网站进行重新设计,以适应一些不常用的尺寸,这是一项艰巨的任务,许多公司都不愿意花费这种精力。

    出现CSS之前。

    近20年来,大多数开发人员都是从Web开发开始进行编程,也就是说,他们学习了HTML作为构建网站的基本元素。

    从最基本的角度来看,HTML元素就是默认相互叠加的矩形框。只需几个有文字和图像的盒子,就可以获得简单的效果。

    当时我们可以使用的HTML标签很少,包括h1-h6标签、图片标签、列表、表格、段落等(现在有可能用CSS来代替)。