`
flex_莫冲
  • 浏览: 1095635 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

获取屏幕宽度和高度

screenhtml5 
阅读更多
在android上的浏览器有个设置远近的功能，导致获取到的屏幕宽度和高度是会根据设置远近而变化的。但是有个属性不论如何设置都是不变的。就是屏幕的宽度和高度。
var screenW = window.outerWidth ;
var screenH = window.outerHeight; $("#msg").text("width:"+screenW+";height:"+screenH+";");

window.outerHeight在android上获取的还不是真正的屏幕分辨率高度。比如480×800的高度在海豚浏览器上获取的高度是762.宽度是480。在webkit的内置浏览器上也是这个值。说明跟浏览器无关。而这个差值可能是浏览器工具栏的高度。因为若开启了海豚浏览器的底部工具栏。这个高度值就变成了697.
而在ipad2 上获取到的是768×1024.


参考资料：
http://responsejs.com/labs/dimensions/
分享到：
| html5 全屏api
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android 获取屏幕宽度和高度的工具类

    ### Android 获取屏幕宽度和高度的工具类 在Android开发中，获取屏幕的宽度和高度是一项基本但非常重要的功能。这通常用于布局管理、适配不同屏幕尺寸的设备以及执行与屏幕大小相关的操作。本文将详细介绍如何通过...

    JS,Jquery获取各种屏幕的宽度和高度

    ### JS与jQuery获取屏幕宽度和高度的相关知识点 在前端开发中，经常需要获取用户的屏幕尺寸信息，例如宽度和高度等，这些数据对于响应式设计、布局调整等方面具有重要作用。通过JavaScript（简称JS）和jQuery这两种...

    易语言源码易语言取屏幕宽度与取屏幕高度源码.rar

    下面将详细解释易语言中获取屏幕宽度和高度的方法以及相关的知识点。 1. 易语言基本概念： - 易语言采用“汉字编程”的理念，使得代码更接近自然语言，降低了编程的学习门槛。 - 易语言支持多种数据类型，如整型...

    j2me获取真机屏幕宽度 高度的小程序

    要获取屏幕宽度和高度，我们需要使用`Display`类的`getScreenSize()`方法。这个方法返回一个`Dimension`对象，包含了屏幕的宽度和高度。以下是一个简单的示例代码： ```java import javax.microedition.lcdui.*; ...

    android获取屏幕高度和宽度的实现方法

    在Android开发中，获取屏幕的高度和宽度是相当基础但至关重要的操作，这直接影响到界面布局的设计和用户体验。本文将详细讲解如何在Android中获取屏幕的物理尺寸，以及处理不同密度设备时可能出现的问题。 首先，...

    js获取屏幕的高度与宽度

    使用JavaScript（简称JS），开发者可以通过多种方式获取屏幕的高度和宽度，以及页面元素的尺寸信息。 首先，要获取屏幕的宽度和高度，可以使用window对象提供的screen属性。具体来说，可以使用window.screen.width...

    j2me获取真机屏幕宽度 高度的小程序 源码

    然后，我们可以使用`Display`对象提供的`getSize()`方法来获取屏幕的宽度和高度。 以下是一个简单的示例代码片段，展示了如何获取J2ME设备的屏幕宽度和高度： ```java import javax.microedition.lcdui.Display; ...

    jQuery 获取屏幕高度和宽度

    本文将详细讲解如何使用jQuery获取屏幕的高度和宽度，这对于创建响应式网页设计或者根据屏幕尺寸调整元素布局至关重要。 首先，我们需要了解什么是屏幕高度和宽度。屏幕高度是指浏览器窗口可视区域的垂直尺寸，而...

    flutter MediaQuery获取屏幕宽度高度密度通知栏高度等屏幕信息

    flutter MediaQuery获取屏幕宽度高度密度通知栏高度等屏幕信息

    JavaScript获取屏幕高度和宽度等信息

    JavaScript作为一种广泛应用于网页编程的语言，提供了多种方法来获取屏幕的高度、宽度以及其他相关信息。以下将深入探讨如何使用JavaScript来获取屏幕尺寸和其他关键信息。 ### 一、获取屏幕尺寸 #### 1.1 使用`...

    js获取文本框的值!js获取浏览器高度和宽度值[收集].pdf

    * `window.screen.width`：获取浏览器的屏幕宽度 * `window.screen.availHeight`：获取浏览器的可用事情区高度 * `window.screen.availWidth`：获取浏览器的可用事情区宽度 * `window.screenTop`：获取浏览器的正文...

    获取手机屏幕大小和密度DOME

    我们可以通过以下代码获取屏幕宽度和高度的像素值： ```java DisplayMetrics displayMetrics = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(displayMetrics); int widthPixels = ...

    JS获取各种屏幕的宽度和高度.txt

    JS获取各种屏幕的宽度和高度

    获取手机屏幕大小

    在上面的代码中，我们使用 widthPixels 和 heightPixels 属性获取手机屏幕的宽高信息，然后将其格式化为一个字符串，最后显示在TextView 中。 在 Android 中，获取手机屏幕大小可以有多种方法，但是使用 ...

    GetSystemMetrics_delphi_

    下面是一个简单的 Delphi 示例，展示了如何使用 `GetSystemMetrics` 获取屏幕宽度和高度： ```delphi uses Windows; procedure TForm1.Button1Click(Sender: TObject); var ScreenWidth, ScreenHeight: Integer;...

    C#获取屏幕和桌面大小(宽、高)

    在C#编程中，获取屏幕和桌面的大小（即宽度和高度）是常见的需求，这在开发图形用户界面或者处理窗口布局时尤为重要。本篇将详细介绍如何利用C#的System.Windows.Forms和System.Drawing命名空间中的类来实现这一功能...

    Android项目获取手机屏幕尺寸的代码段.rar

    1. 获取屏幕宽度和高度（像素）： 可以通过`DisplayMetrics`类获取屏幕的宽度和高度。这个类包含了关于屏幕的各种度量信息，如宽度、高度、密度等。我们可以在`Activity`的`onCreate()`方法中获取到`WindowManager`...

    js获取屏幕分辨率的方法

    // 获取屏幕宽度 var screenWidth = window.screen.width; // 获取屏幕高度 var screenHeight = window.screen.height; ``` 这些基本信息可以帮助我们了解用户设备的屏幕尺寸，并据此调整网页布局。 #### 获取...

    basic4android适应各种屏幕大小的例子

    例如，可以获取屏幕宽度和高度，然后按比例设置控件的大小。 5. 布局权重（Layout Weights）：在LinearLayout中，权重属性可以分配给子视图，使得它们能按比例占据空间，即使在屏幕尺寸变化时也能保持比例关系。 6...

Magicbox
Global site tag (gtag.js) - Google Analytics