屏幕的 80%。在电视上它将占据 80%，在台式机上占 80%，在移动设备上占 80%。使用此技术时，您通常必须拥有相同方式的移动版和桌面版，但优点是在桌面内它会更好地适应不同的屏幕尺寸，而不像固定版那样，这将是相同的适合所有人。 注意：重要的是要记住，一个站点可以将这三种技术组合在一个站点中，将固定块与百分比块混合并使用媒体查询适应不同的屏幕。 我想让我的网站响应。从哪里开始最好？ 一旦你发现响应式设计的存在，你通常会很兴奋地想要将它应用到你的网站上。但是如何开始呢？ 事实是，您可能需要重建网站的大部分内容。但是为了减少工作量，我建议您尝试使用已经用于响应式设计的框架。框架是现成的代码结构，带有几行已经编写好的 CSS、JavaScript 和 HTML，使
网站开发人员的工作更加轻松。 在 最著名的框架中，我们可以提到以下内容： 基金会 语义网格系统 骨架 如您所见，有几十个。 推荐读物： 调整大小：固定、流畅或响应式布局 响应式网页设计揭秘 独特网页的响应式设计 响应式设计：适应与优化 响应式设计：专注于正确的事情 响应式网页设 计技术、工具和设计策略 响应式网页设计：它是什么以及如何使用 客户名单 它 为了更好地可视化围绕响应式设计的对话： Froont的人们制作了一系列 GIF，使这些技术中使用的概念更加直观，如下所示： 响应式设计与自适应设计 虽然非常相似，但这些概念有细微的差别。在动画中你可以看到响应式会立即响应屏幕尺寸，而自适应会随着屏幕尺寸的增加/减少而适应。 移动优先与桌面优先 移动优先的概念引起了很
多关注，因为它是一种可视化创建网站过程的不同方式。与其为计算机制作网站，然后将其调整为更小的屏幕，不如在移动设备中首先创建移动版本，然后将其调整为桌面版本。 最大尺寸 此类项目中的一个常见问题是它是否有最大尺寸（大多数网站都有）。您可以以始终适应屏幕大小的方式构建站点，也可以以适应特定大小的方式构建站点，在该大小之后，它将始终保持不变（即将在一定宽度后停止响应）。 断点 在网站的布局中，您可以定义断点，我们可以将其翻译为“断点”。这些点定义了对象在达到某个参数时是否必须更改某些属性。等等，我会解释得更好。您可以创建这些“点”之一，这样，