在具有特定视口的设备上显示完整（桌面视图）网站（例如，低于320px）？

我一直在完全响应的网站上完成我的工作（使用Bootstrap 3框架），最近客户端询问是否可以在较小的设备上拥有该网站的完整（桌面）版本（例如，低于320px） ）。 由于我之前从未遇到过这样的要求，我想知道是否有任何法律解决方法，例如在头部添加一个额外的视口元标记，如下所示：

如果有任何已知的（合法的）方法来实现这一点（无论是在JS / jQuery还是CSS中），我很高兴知道您对此的看法。

谢谢！

Answer 1

好吧，我必须找到一个解决方案，因为我的客户一直坚持。 所以我使用了一小段JavaScript / jQuery来改变’viewport’meet的内容。 这里是：

 var myViewport = document.querySelector("meta[name=viewport]"); if ($(window).width() < 320){ myViewport.setAttribute("content", "width=1024; user-scalable = yes"); } else { myViewport.setAttribute("content", "width=device-width; initial-scale = 1.0"); } 

实际上，我不知道这是多么合法，但它确实有效，我决定回答我自己的问题，以防你们中的任何人在将来遇到这个奇怪的要求。