服务器端响应性良好实践

Question

我有以下场景：我使用CakePHP和Twitter Bootstrap。 我正在使用大量的响应能力并编写大量HTML，以便针对每种屏幕尺寸进行更改。 我正在考虑检测屏幕大小并将其保存在服务器端，因此我只能编写在该页面上真正有用的HTML。由于用户很少改变窗口大小，因此不会伤到F5。

这是一个好习惯吗？你有什么建议？

Answer 1

显然应该由浏览器完成这项工作，并通过使用正确的设备使用正确的CSS来完成这项任务。正如评论中已经提到的那样，您的设备可以旋转，设备具有不同的DPI。我很确定你不能将DPI传递给服务器而不通过JS显式读取它（如果可能的话）并在AJAX调用中将它传递给服务器。

您不能单独依赖服务器端设备检测，也不能有条件地为此目的呈现标记，它只会增加每个设备必须通过X执行的维护量。

我建议你多阅读一些关于代理网页设计的内容，这些天有很多关于它的文章和书籍。

Answer 2

不是一个很好的练习伴侣。你会增加你的应用程序负载，你会浪费不必要的空间只是为了节省几行代码。想象一下，如果你正在创建像facebook这样的网站，那么为数百万用户存储这条信息需要多少服务器空间。响应式设计在css中是必须的，你应该只给出分辨率范围的一般值。我认为团队树屋的网站上有一个很好的付费教程，其他的可以在youtube上免费获得。