如何在Webview中获取缩放的视口的宽度和高度?

has19

$(window).width() and $(window).height()用来获取Web视图的宽度和高度,但是这些总是使我获得相同的值以及整个Web视图的实际宽度和高度。

我需要的是获取用户当前只能看到的视口的宽度和高度,因此在缩放时,视口的宽度和高度应该变小。

我需要这样做,以便将div元素居中在用户仅看到的View端口中。

帕特里克

我对javascript的了解不是很好,但是曾经遇到这个问题。我记得这与确定内部宽度有关。有时,您还必须考虑滚动条,具体取决于您的操作方式。

我在这里发现:为什么window.width小于媒体查询中设置的视口宽度

类似的问题。

function viewport() {
    var e = window, a = 'inner';
    if (!('innerWidth' in window )) {
        a = 'client';
        e = document.documentElement || document.body;
    }
    return { width : e[ a+'Width' ] , height : e[ a+'Height' ] };
}

var vpWidth = viewport().width;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在移动浏览器的视口宽度和高度上居中放置元素?

来自分类Dev

Openlayers动态视口的宽度和高度分配

来自分类Dev

如何在CSS中获取视口的大小?

来自分类Dev

如何在jquery-3中获取视口大小?

来自分类Dev

如何在Android中获取显示图像的宽度和高度?

来自分类Dev

如何在SwiftUI中获取视图或屏幕的高度和宽度

来自分类Dev

如何在引导程序中获取窗口的高度和宽度

来自分类Dev

如何在不具有Flexbox支持的情况下具有可拆分视口(整个宽度和高度)的x * y网格

来自分类Dev

基于视口高度的剩余视口宽度的CSS

来自分类Dev

srcset和视口宽度

来自分类Dev

如何使div视口高度,而不是CSS中的页面高度?

来自分类Dev

当放置在静态/相对位置时,HTML和body标签如何或为什么占据视口的宽度和高度?

来自分类Dev

如何在 window.innerheight 中滚动 50% 的视口高度

来自分类Dev

如何在缩放功能中提供缩放高度和宽度

来自分类Dev

获取视口的非滚动高度

来自分类Dev

如何基于视口缩放svg

来自分类Dev

为什么在glViewportIndexed中,视口的宽度/高度从int变为float

来自分类Dev

如何获得设备的宽度(不是视口)?

来自分类Dev

如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

来自分类Dev

如何在动态窗口小部件中获取QGraphicsView的正确位置,宽度和高度

来自分类Dev

如何在selection:created事件中获取单个对象的宽度,高度,左侧和顶部?

来自分类Dev

如何在python glfw中获取监视器的宽度和高度

来自分类Dev

如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

来自分类Dev

插入后如何在自定义ImageView中获取位图的宽度和高度

来自分类Dev

如何在 Angular 2、TypeScript 中获取视频的高度和宽度

来自分类Dev

如何根据视口高度缩小图像?

来自分类Dev

根据视口宽度动态调整图像高度

来自分类Dev

如何在WPF中根据窗口的宽度和高度调整控件的宽度和高度

来自分类Dev

如何在jQuery中获取图像高度宽度

Related 相关文章

  1. 1

    如何在移动浏览器的视口宽度和高度上居中放置元素?

  2. 2

    Openlayers动态视口的宽度和高度分配

  3. 3

    如何在CSS中获取视口的大小?

  4. 4

    如何在jquery-3中获取视口大小?

  5. 5

    如何在Android中获取显示图像的宽度和高度?

  6. 6

    如何在SwiftUI中获取视图或屏幕的高度和宽度

  7. 7

    如何在引导程序中获取窗口的高度和宽度

  8. 8

    如何在不具有Flexbox支持的情况下具有可拆分视口(整个宽度和高度)的x * y网格

  9. 9

    基于视口高度的剩余视口宽度的CSS

  10. 10

    srcset和视口宽度

  11. 11

    如何使div视口高度,而不是CSS中的页面高度?

  12. 12

    当放置在静态/相对位置时,HTML和body标签如何或为什么占据视口的宽度和高度?

  13. 13

    如何在 window.innerheight 中滚动 50% 的视口高度

  14. 14

    如何在缩放功能中提供缩放高度和宽度

  15. 15

    获取视口的非滚动高度

  16. 16

    如何基于视口缩放svg

  17. 17

    为什么在glViewportIndexed中,视口的宽度/高度从int变为float

  18. 18

    如何获得设备的宽度(不是视口)?

  19. 19

    如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

  20. 20

    如何在动态窗口小部件中获取QGraphicsView的正确位置,宽度和高度

  21. 21

    如何在selection:created事件中获取单个对象的宽度,高度,左侧和顶部?

  22. 22

    如何在python glfw中获取监视器的宽度和高度

  23. 23

    如何在Windows Phone 8.1中获取屏幕分辨率(宽度和高度)?

  24. 24

    插入后如何在自定义ImageView中获取位图的宽度和高度

  25. 25

    如何在 Angular 2、TypeScript 中获取视频的高度和宽度

  26. 26

    如何根据视口高度缩小图像?

  27. 27

    根据视口宽度动态调整图像高度

  28. 28

    如何在WPF中根据窗口的宽度和高度调整控件的宽度和高度

  29. 29

    如何在jQuery中获取图像高度宽度

热门标签

归档