javaScript实现兼容手机端界面

标签: asp.net javascript 手机 界面 bootstrap
384人阅读 评论(35) 收藏 举报
分类:

我们在用asp.net开发时用到界面有EasyUI和BootStrap,听说BootStrap可以兼容手机端,对于初学者其中道理没弄太明白。其实通过JavaScript的更改也可以实现兼容手机端


给大家分享一下,用JavaScript兼容手机端。

if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {   //判断网页打开是手机还是电脑
                alert('手机打开 ');
		//在此处可以写手机界面样式代码
            } else {                
		alert('电脑打开');		
		//在此处可以写电脑界面样式代码
}




通过另一种思想也可以实现最终的效果。

查看评论

手机端兼容代码js

if(/Android (\d+\.\d+)/.test(navigator.userAgent)){ var version = parseFloat(RegExp.$1); ...
  • a771948524
  • a771948524
  • 2016-05-03 14:09:15
  • 1773

响应式布局(PC与手机访问的兼容性)详解

  • 2014年09月26日 10:40
  • 29KB
  • 下载

PC端如何跟手机端兼容

如果对您有帮助,请关注我,加入微信小程序开发交流qq群(173683895)相互交流学习。谢谢字体在手机端变小,高度变低的解决办法<meta name="viewport&qu...
  • qq_35713752
  • qq_35713752
  • 2018-03-28 09:41:35
  • 136

利用html5和JavaScript实现手机端滑动菜单的交互概念

今天为大家分享一个很有趣的手机交互理念,主要体现的是通过手指滑动头部标题栏来选择您需要到达的菜单,顺序是根据滑动的程度来选择您需要到达的菜单。该模版主要运用HTML5、css3及JavaScript来...
  • natalie86
  • natalie86
  • 2015-05-23 20:02:52
  • 972

Clipboard.js 不依赖Flash,把浏览器内容复制到系统剪贴板

clipboard.js 实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 4...
  • winter_liang
  • winter_liang
  • 2017-03-17 00:01:09
  • 457

.net mvc 开发手机端页面时,页面自动放大问题

在开发手机端页面的时候出现页面加载完成后,页面变大问题,解决办法:
  • yhd0916
  • yhd0916
  • 2017-05-05 17:40:56
  • 288

JavaScript+Html5实现按钮的复制文字到剪切板功能,手机网页兼容

JavaScript+Html5实现按钮的复制文字到剪切板功能,手机网页兼容
  • pang1026
  • pang1026
  • 2017-03-23 15:35:23
  • 10312

兼容pc端、手机端、ipad全屏显示

  • 2015年07月27日 15:37
  • 2.21MB
  • 下载

PHP+jQuery+html5实现图片选取裁剪上传(兼容手机上传)

  • 2015年04月24日 11:20
  • 50KB
  • 下载

js实现一个可以兼容PC端和移动端的div拖动效果

前段时间写了一个简单的div拖动效果,不料昨天项目上正好需要一个相差不多的需求,就正好用上了,但是在移动端的时候却碰到了问题,拖动时候用到的三个事件:mousedown、mousemove、mouse...
  • u014346301
  • u014346301
  • 2016-12-09 12:06:49
  • 9864
    个人资料
    持之以恒
    等级:
    访问量: 29万+
    积分: 6506
    排名: 4631
    文章分类
    最新评论