「前端基础」js如何通过判断访问请求是否来自移动设备来控制控件的显示样式?

大家好。 我是一个前端开发的新手,最近自己学着做了一个很丑陋的网站,主要是用来下载微博视频、秒拍视频等。

我想实现的功能是:在这个下载微博视频、秒拍视频网站的所有页面,如果是PC端访问的话就显示左边的菜单栏,也就是col-md-3,而对于Android、iphone等移动端的访问则不显示左边的col-md-3菜单栏,而只是显示右边的col-md-9部分。

我现在基本实现了这个功能,用到的是window.onload函数,默认是把col-md-9设置为display:none, 在onload函数中若判定为pc端的请求,则把col-md-3显示出来,这就导致在PC端访问时总是会先渲染出页面,然后屏幕闪动一下后再出现col-md-3菜单

请问各位前辈,有什么办法在一个url下做到我的这个功能,而不会出现现在这种屏幕闪动的结果?

1个月前
回答
iFat3 ,简书:iFat3,网站:42度空间(www.42du.cn)

你用的是bootstrap吧,用.visible-lg-x或.hidden-xs,.hidden-sm,.hidden-md

具体参考bootstrap官网:

Responsive utilities

我来回答
无用回答
问题修改记录
暂无修改记录
广告位 点击查看投放指南

我的收藏