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"});
}
}
当然这只是一个思路,希望对有同等疑惑的人有帮助。
posted on 2017-04-07 10:29 zhoujian917 阅读(397) 评论(0) 编辑 收藏 举报