php - 响应式设计的服务器端涉及什么？

Question

在开发具有响应式 CSS 设计的网站时，您的网站会根据客户的屏幕尺寸更改信息的呈现方式。在许多情况下，较小的屏幕尺寸意味着显示的信息较少。

假设您有一个专为桌面设计的网站。在服务器端代码中，您进行多个数据库查询，然后在页面上以某种形式显示该信息。

现在，假设您的 CSS 设计采用响应式设计，并且某些信息不会向小屏幕设备显示。假设其中一些未显示的信息来自数据库查询。这意味着当移动设备加载此页面时，服务器端代码会进行不必要的数据库调用，因为最终用户的屏幕尺寸不会显示结果信息。

响应式设计通常使用 CSS 媒体查询来确定根据设备屏幕尺寸显示的信息。为响应式设计编写有效且高效的服务器端代码的好方法是什么？

Answer 1

您是否考虑过使用 AJAX 将有关屏幕尺寸的传递数据传回服务器端 php？然后根据相应的 CSS 设计运行查询。如果您的移动设备不支持 JavaScript 或浏览器禁用它，您的问题就会出现。您还需要额外维护 - 如果您更改 CSS 以显示更多或更少，您的脚本将必须更新以保持同步。

总的来说，我认为 CSS 媒体查询旨在用于优化各种尺寸内容的显示，但忽略了内容的“损失”。这可能意味着加载但隐藏了额外的查询/计算/内容。这样做的好处是，如果您的用户在缩小的浏览器中操作然后将其最大化，他们将获得完整页面的全新显示。但是，如果他们没有完整的内容集，除非他们刷新页面，否则他们将无法充分利用它。

我认为您需要问问自己 - 您的额外构建和维护工作是否值得在后端保存一些查询？