我有一个疑问，并不确定最佳方法是什么，我有一个基于opencart的网站的客户端，其中包含非常糟糕的做法，例如，所有产品都手动放在主页上而不是使用OC的CMS功能，现在它的工作方式是，如果您使用的是计算机，完整的浏览器，该网站会显示该网站的完整版本，但如果您使用的是ipad或iphone / android设备，则加载“小”版本，两个版本都手动放在同一个home.tpl文件中，它们会被某些CSS显示/消失。问题是，客户端不想改变主页的设计方式，所以要加载那么大的代码，有没有办法为小版本提供不同的tpl？例如一个home.tpl版本的完整版本的代码和home-mobile.tpl的小版本？这应该如何工作？系统应该如何确定屏幕大小并指向TPL或其他TPL？
我知道这是一个奇怪的请求，但客户对网站的样子感到“满意”，并且不想更改主页上使用的手动代码。
答案 0 :(得分：1)
CSS是处理不同屏幕上相同内容的大小调整和重组的正确方法。如果您想为具有不同内容的移动用户提供截然不同的主页，可以通过以下几种方式进行操作：
使用JS检测浏览器并重定向到仅限移动设备的页面。这可能涉及将当前的家庭控制器（和模板等）复制到新文件，或使用GET变量在代码中进一步切换模板。
使用PHP检测浏览器，并直接在代码中提供正确的模板。为此，您可以在家庭控制器中使用this one（未经测试，仅作为示例）等库，并根据需要在脚本底部更改模板路径。
但首先我会更加努力地向你的客户强调他做错了。