Navigation menu

0755-82192581
  • Contact us
  • 0755-82192581
  • 深圳市罗湖区嘉宾路太平洋商贸大厦19楼

    3375726676@qq.com


    © 2007-2025 All Rights Reserved.
  • 策略型高端网站设计公司

    Strategic advanced website design company

    View More
  • 响应式网页设计指南

    时间:2026-04-21  作者:GARY  来源:https://www.niegoweb.com/
    回顾网页设计的发展历程,回忆起桌面布局风靡一时、Flash 游戏塑造在线文化的年代。然后响应式网页设计(RWD)出现了——这常常让人感觉历史的终结;至少网页设计方面是这样。毕竟我们仍然制作响应式网站,这才是网页版面的真正方式。
    深圳响应式网页设计公司
    当伊桑·马科特构思后驱时,网络技术远不如今天成熟。作为网页开发者,经过多年把所有内容塞进表单元格后,我们开始掌握如何使用 s 来做事。实现响应式网站的方法并不多。有两个:流动网格(基于百分比)和媒体查询,这在当时是个热门趋势。缺少的是真正的布局系统,能让我们把内容排在页面上,而不是用漂浮内容即兴发挥。我们不得不等好几年,Flexbox才出现。CSS Grid 也紧随其后。

    毫无疑问,十年前浏览器原生的新布局系统是开创性的。他们足够革命,开启了一个新时代。在2019年An Event Apart会议上的演讲《你对网页设计的一切认知都变了》中,Jen Simmons为它提出了一个名称:内在网页设计(IWD)。先拆开那个花哨的词。根据《韦氏词典》,内在性指的是“属于事物的本质或构成”。换句话说,国际妇女节是为网络设计的一种自然方式。归根结底,就是用CSS布局系统来......把事情摆出来。

    单独听起来并不算特别划时代。但它为之前浮动式布局或表格布局带来了许多可能性。我们从两个世界里都得到了最好的东西:二维布局(比如带有行和列的表格)和包裹功能(比如空间不足时可以浮动内容)。还有更多好处,比如将固定大小内容与流体大小内容混合,或故意重叠元素。正如Jen在演讲中指出的,这让我们终于能够以“网页”方式制作即使是华丽的设计,消除网页设计师与开发者之间的紧张关系。不再有“这种印刷设计不能翻译成网络!”的说法了。

    Flexbox和Grid几乎成为每个网页开发者工具箱中不可或缺的工具。它们如此自然和内在,以至于我们本能地开始使用它们,却错过了它们的革命性。我们没有选择一场颠覆性的IWD革命,而是选择了更长但更稳健的后轮驱动演进。我认为国际妇女节为更激进的思想铺平了道路,尽管它尚未发展成一个真正的时代。而所有这些激进理念的核心点是一个浏览器——那个位于代码和用户之间的网络部分。网页开发者一直对浏览器抱有爱恨交织的关系。(别让我开始说Internet Explorer!)他们经常用新功能(WebGPU真是太棒了!)和隐晦的bug逗乐我们(点数突然占用更多空间,真是无所谓)。但归根结底,我们告诉浏览器该做什么,才能以我们希望的方式显示页面给用户。

    而且我们免费获得所有这些算法!我们唯一需要做的就是让Flexbox用flex-wrap财产.而且它会自己包裹。想象一下,你需要计算布局何时以及如何收尾——那简直是噩梦。幸运的是,浏览器很擅长布局。毕竟,他们已经做了超过35年。他们在这方面很有经验,就让他们处理这些事情吧。这就是算法布局的力量:它们在不动时效果最佳。你只要知道一件事:你的网站和用户之间有一种奇特的存在,叫做浏览器——它比你更了解页面和用户。这就像你雇佣一位优秀的翻译,去处理与一个你完全不了解的完全陌生文化的极其重要的商业谈判。但译者非常熟悉,能轻松翻译你的话语,温和地拉近你与潜在客户之间的文化鸿沟。你不想强迫他们字面翻译你的话——那可能会造成灾难性后果。你想要的是向他们传达你的信息,让他们发挥魔法,将信息塑造成客户能够理解的信息。浏览器也是如此;他们更懂得如何展示你的网站。

    相关案例

    OTHER CASE