响应式网站设计在不断的发展演变，刚刚开始的时候相关技术远没有现在这么成熟。作为 Web 开发人员，在将所有内容都塞进表格单元格多年后，我们开始掌握如何使用更好的方式做事。实现响应式网站的可能方法并不多。其中有两种：流体网格（基于百分比）和媒体查询，这在当时是一个热门的新事物。
响应式网站的核心是缺乏一个真正的布局系统，它允许我们在页面上布置内容，而不是即兴创作浮动内容。我们不得不等待几年才能出现 Flexbox。CSS Grid 紧随其后。毫无疑问，浏览器原生的新布局系统在 10 年前是开创性的。它们具有足够的革命性，开创了一个新时代。在 2019 年 An Event Apart 会议上的演讲“你所知道的关于网页设计的一切刚刚改变”中，Jen Simmons 为它提出了一个名称：内在网页设计 （IWD）。让我们先解除这个花哨的词。根据韦氏词典，内在的意思是“属于事物的本质或构成”。换句话说，IWD 是一种自然的 Web 设计方式。这归结为使用 CSS 布局系统来......布局事物。 就是这样。
它本身听起来并不那么开创性。但它开辟了许多以前基于浮点的布局或表格布局所没有的可能性。我们从这两个世界中得到了最好的东西：二维布局（例如带有行和列的表格）和包装功能（例如在没有足够空间时浮动内容）。还有更多好处，例如将固定大小的内容与流体大小的内容混合在一起，或者有意重叠元素。但奇怪的是：那个新时代并没有到来。IWD 从未像响应式网站那样成为家喻户晓的术语。我们仍然停留在美好而古老的 RWD 时代。然而，Flexbox 和 Grid 成为（几乎）每个 Web 开发人员工具带中不可或缺的工具。它们是如此自然和内在，以至于我们直觉地开始使用它们，错过了它们的整个革命性方面。我们没有对 IWD 进行开创性的革命，而是选择了更长但更稳定的响应式网站设计演变。
你需要知道网站和用户之间有一种奇特的东西，叫做浏览器——它比你更了解页面和用户。这就像您聘请的一位优秀的翻译，与来自完全陌生文化的人进行极其重要的商务谈判，而您却一无所知。但翻译人员非常了解这一点，并轻松翻译您的文字，轻轻地缩小您和潜在客户之间的文化鸿沟。你不想强迫他们按字面意思翻译你的话——这可能是灾难性的。你想要的是向他们提供你的信息，并让他们发挥魔法，将其塑造成客户可以理解的信息。这同样适用于浏览器;他们更知道如何显示您的网站。
这与我们今天对 AI 所做的非常相似：我们精心制作我们的提示（输入），并希望得到正确的答案（输出）。然而，AI 和浏览器之间有一个非常重要的区别：后者不是黑匣子。浏览器所做的一切（嗯，大部分事情）都在开放的 Web 标准中进行了详细描述，因此我们能够对输出做出有根据的猜测。诚然我们无法确定用户是在 8K 屏幕上看到两列布局，还是在微波炉的小屏幕上看到单列布局（如果它可以运行 DOOM，它就可以运行 Web 浏览器！但我们肯定地知道，我们定义了这两个边缘情况，浏览器会解决介于两者之间的所有问题。
