在开发具有响应式CSS设计的网站时,您的网站会根据客户的屏幕大小更改信息呈现方式。在很多情况下,屏幕尺寸越小意味着显示的信息越少。响应式设计的服务器端包含什么?
假设你有一个专为桌面设计的网站。在您的服务器端代码中,您可以进行多个数据库查询,然后在页面上以某种形式显示该信息。
现在,让我们说你的CSS设计在响应和一些信息不显示给小屏幕设备。可以说,其中的一些信息是来自数据库查询未显示的信息。这意味着当移动设备加载此页面时,服务器端代码正在进行不必要的数据库调用,因为结果信息不会由于其屏幕大小而显示给最终用户。
响应式设计通常使用CSS媒体查询来确定根据设备屏幕大小显示哪些信息。为响应式设计编写有效且高效的服务器端代码的好方法是什么?
您可以使用javascript来检查窗口宽度,并要求用户转到像m.example.com这样的移动版本,或者只是重定向 – Ibu 2012-03-05 17:27:16
如果您没有向小屏幕用户显示信息,那么您是做错事。他们可能不得不滚动或点击一个标签才能看到它,但信息应该在那里。 – Quentin 2012-03-05 17:44:25
@Quentin然后,一百万个MAJOR网站做错了。看看亚马逊网站的手机优化版本,并将其与您在桌面上看到的内容进行比较... – 2012-03-05 18:42:07