如果访问设备屏幕宽度小于1024,跳转到移动端

<script>function jumpIfMobile() {//判断是移动设备 且 宽度小于1024 后跳转到m站if ( window.innerWidth <= 1024 && navigator.userAgent.match(/(Android|iPhone|SymbianOS|Windows Phone|iPad|iPod)/i)) {var url = location.protocol + "//" + location.host.replace("www.", "m.") + location.pathnameif (location.search) {if (/source=m_jump/.test(location.search)) {url += location.search.replace("source=m_jump", "source=pc_jump")} else if (/source=pc_jump/.test(location.search)) {url += location.search} else {url += (location.search + "&source=pc_jump")}} else {url += "?source=pc_jump"}window.addEventListener('load', function () {setTimeout(function () {window.location.href = url;}, 1000)})}}jumpIfMobile();
</script>

如果访问设备屏幕宽度小于1024,跳转到移动端相关推荐

html5适应手机比例,HTML5 如何让手机网站自适应设备屏幕宽度
手机或平板设备屏幕大小差距大,因此打开网页时宽度也不同,新做的手机网站如何能够自适应网页宽度,就有了一些难度,还好程序猿们想到了这一点,在代码里面做了如此设置,下面简单讲解一下. 方法:在网页头部加上 ...
css --- 使用媒体查询当屏幕宽度小于某个值时,隐藏掉某个类
Bootstrap提供了一个封装好的类: .hidden-xs: 当屏幕宽度<768px时隐藏 .hidden-sm: 当屏幕768px <= 宽度<992px时隐藏 .hidden ...
css响应式网页设计：自适应屏幕宽度、移动页面开发技巧
html响应式网页设计:自动适应屏幕宽度文章目录 html响应式网页设计:自动适应屏幕宽度背景一."自适应网页设计"的概念二.允许网页宽度自动调整-使用meta标签:vie ...
如何让网页自适应所有屏幕宽度
随着网络的快熟发展,越来越多的人使用手机上网.移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通 ...
HTML5+CSS3的响应式网页设计：自动适应屏幕宽度
原链接:https://www.cnblogs.com/libaoli/p/5779629.html 作者:请叫我阿力这几天都在修改博客上面的样式.本来用的是d83.0的模板.自己又修改了许多地方, ...
html body自适应屏幕大小,如何让网页自适应所有屏幕宽度
随着网络的快熟发展,越来越多的人使用手机上网.移动设备正超过桌面设备,成为访问互联网的最常见终端.于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通 ...
echarts移动端设备屏幕尺寸的适配
在项目过程中发现,屏幕宽度小于360px时,echarts图表的legend图例组件会发生重叠,是屏幕宽度不足导致的. legend属性属性值 left 图例组件离容器左侧的距离. left 的值可 ...
HTML5+CSS3的响应式网页设计：自动适应屏幕宽度转自：欲思博客
一."自适应网页设计"的概念 2010年,Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词,指可以自动 ...
如何让网页自适应屏幕宽度
网页自适应屏幕宽度到底是怎么做到的? 1.首先,在网页代码的头部,加入一行viewport元标签: viewport是网页默认的宽度和高度,上面这行代码的意思是,网页宽度默认等于屏幕宽度(width= ...

如果访问设备屏幕宽度小于1024,跳转到移动端

如果访问设备屏幕宽度小于1024,跳转到移动端相关推荐

最新文章

热门文章