判断设备是否横屏

css3/* For portrait, we want the tool bar on top */
//横屏
@media screen and (orientation: portrait) {
  #toolbar {
    width: 100%;
  }
}

/* For landscape, we want the tool bar stick on the left */
//竖屏
@media screen and (orientation: landscape) {
  #toolbar {
    position: fixed;
    width: 2.65em;
    height: 100%;
  }

  p {
    margin-left: 2em;
  }

  li + li {
    margin-top: .5em;
  }
}

js

 判断是横屏还是竖屏的方法:  function orient() {if (window.orientation == 90 || window.orientation == -90) {//ipad、iphone竖屏;Andriod横屏$("body").attr("class", "landscape");orientation = ‘landscape‘;return false;}else if (window.orientation == 0 || window.orientation == 180) {//ipad、iphone横屏;Andriod竖屏$("body").attr("class", "portrait");orientation = ‘portrait‘;return false;}}//页面加载时调用$(function(){orient();});//用户变化屏幕方向时调用$(window).bind( ‘orientationchange‘, function(e){orient();});
 
时间: 2024-10-23 05:44:02

判断设备是否横屏的相关文章

判断设备

思考一个问题,如何让一个二维码在用不同的设备扫描时进入不一样的地址呢(听起来像不像隔空取物)?前端js可以实现吗?答案是ok的,目前找到一种办法,分享一下. 核心就是利用userAgent来判断设备,那什么是userAgent?简单的说,User Agent就是用来识别浏览器名称.版本.引擎以及操作系统等信息的内容.于是乎,User Agent的判断就成为识别浏览器的关键,不仅仅如此,移动互联网开发势头迅猛,那么通过User Agent判断桌面端设备或移动设备就变的很为重要. 首先写一个空页面里

js判断设备是iOS还是安卓

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" /> <title></title> <style&g

【ios开发】 判断设备屏幕尺寸、分辨率

IOS 设备现有的分辨率如下:iPhone/iPod Touch普通屏                          320像素 x 480像素       iPhone 1.3G.3GS,iPod Touch 1.2.33:2 Retina 屏           640像素 x 960像素        iPhone 4.4S,iPod Touch 416:9 Retina 屏               640像素 x 1136像素      iPhone 5,iPod Touch 5

判断iPhone和iPad 判断设备版本

//判断iPhone和iPad #define IS_IPHONE (!IS_IPAD) #define IS_IPAD (UI_USER_INTERFACE_IDIOM() != UIUserInterfaceIdiomPhone) //判断设备版本 #define IS_IOS6_LAGACY floor(NSFoundationVersionNumber) <= NSFoundationVersionNumber_iOS_6_1 #define IS_IOS7 floor(NSFounda

JS判断设备终端(PC,iPad,iPhone,android,winPhone)和浏览器

var ua = navigator.userAgent; var browser = {}, weixin = ua.match(/MicroMessenger\/([^\s]+)/i), webkit = ua.match(/WebKit\/([\d.]+)/i), android = ua.match(/(Android)\s+([\d.]+)/i), ipad = ua.match(/(iPad).*OS\s([\d_]+)/i), ipod = ua.match(/(iPod).*OS

JS 一些功能代码块[如判断设备]

判断是否为PC 来源:http://blog.csdn.net/seven1276/article/details/8211877 function IsPC() { var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad"

判断设备是不是第一次进入应用

在appdelegate中添加以下代码: if (![[NSUserDefaults standardUserDefaults] boolForKey:@"firstStart"]) { NSLog(@"第一次"); [[NSUserDefaults standardUserDefaults] setBool:YES forKey:@"firstStart"];//设置成yes以后再也不进入 进入引导页; }else{ NSLog(@"

Jquery 判断设备

判断设备是PC端,还是移动端 1 //判断设备 alert 20160512 2 var ua = navigator.userAgent.toLocaleLowerCase(); 3 var pf = navigator.platform.toLocaleLowerCase(); 4 var isAndroid = (/android/i).test(ua)||((/iPhone|iPod|iPad/i).test(ua) && (/linux/i).test(pf)) 5 || (/u

javascript判断手机旋转横屏竖屏

javascript判断手机旋转横屏竖屏 // 横屏竖屏函数 function orientationChange(){ switch(window.orientation) { case 0: // Portrait case 180: // Upside-down Portrait //Javascript to setup Portrait view window.location.reload(); break; case -90: // Landscape: turned 90 deg