pc版网站在手机上浏览右侧有一块空白

昨天刚上线一版pc网站，本以为大功告成可以轻松几天，但是晚上被通知不兼容移动端，真是一脸懵b，因为网站做的不是响应式，所以在移动端上看界面，右侧会有一块空白处，

效果如下图：

各种百度之后无解，之后各种尝试解决了该问题，完成界面如图：

解决方法就是将界面宽度固定，我是直接写的js，如果是移动端就把宽度固定在一定宽度上,如下：

function fixWidth() {
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
$("html,body").css({"width":"1300px"});
}
}

当然这只是一个思路，希望对有同等疑惑的人有帮助。