可以禁用@media查询还是强制解决方案？原因：允许iPhone查看桌面站点吗？

Question

我通过@media查询对我的网站进行了重大修改，以使其在手机上的显示效果非常小。但是，我的用户要求提供网站的桌面版本（可通过链接获得）。

更进一步，桌面网站本身也可以根据分辨率通过@media查询进行修改。我当时在考虑选择一种“桌面”分辨率，例如1440x900，并强迫手机以该分辨率显示吗？

可能通过JavaScript实现吗？或者，可以完全禁用这些@media查询吗？

谢谢！

Answer 1

我和一个客户有同样的问题。但是问题是有120多个CSS文件包含媒体查询。所以我要做的是设置视口宽度。我已经在该网站上使用了此代码段，并且工作正常。使用此功能，您甚至可以为用户提供在响应式设计和非响应式设计之间切换的选项。

$(document).ready(function(){
   $('meta[name="viewport"]').prop('content', 'width=1440');
});

注意 ：1440是您的首选屏幕宽度。

希望这可以帮助 ：）