zoukankan      html  css  js  c++  java
  • web window pixel等笔记

    原文:http://www.w3cplus.com/css/viewports.html

    屏幕尺寸 Screen size =显示器尺寸

    screen.width 和 screen.height。这两个属性包含了用户屏幕的完整宽度高度。这些尺寸使用设备的pixels来定义,他们的值不会因为缩放而改变:他们是显示器的特征,而不是浏览器著作权归作者所有。

    浏览器尺寸 Window size = 浏览器尺寸

    window.innerWidth/Height

    • 含义:包含滚动条尺寸的浏览器完整尺寸
    • 度量:CSS的pixels
    • 兼容性问题:IE不支持,Opera用设备pixels来度量

    相反的,你想要知道的浏览器的内部尺寸。它定义了当前用户有多大区域,可供你的CSS布局占用。你可以通过window.innerWidth 和 window.innerHeight来获取 

    window.pageXOffset 和 window.pageYOffset,定义了页面(document)的相对于窗口原点的水平、垂直位移。因此你能够定位用户滚动了多少的滚动条距离。

    度量viewport Measuring the view port

    document. documentElement. clientWidth/Height

    • 含义:viewport的尺寸
    • 度量:CSS的pixels
    • 兼容性问题:无

    你也许想要知道viewport的尺寸,他们可以通过document. documentElement. clientWidth/Height来获取。

    滚动位移 scrolling offset

    window.pageX/YOffset 

    • 含义:见描述
    • 度量:CSS的pixels
    • 完整支持:iPhone, Android, Symbian, Iris, MicroB, Skyfire, Obigo
    • 问题:
      • Opera, Bolt, Firefox, and NetFront 总是返回 0.
      • 三星的Webkit核心浏览器,仅当在页面上写入标签,才正确表示。
    • 不支持: IE,它使用document. scrollLeft/Top来表示
  • 相关阅读:
    java中的匿名内部类总结
    (转)NIO与AIO,同步/异步,阻塞/非阻塞
    (转)也谈BIO | NIO | AIO (Java版)
    socket Bio demo
    (转)socket Aio demo
    (转)深入理解Java的接口和抽象类
    (转)Java:类与继承
    (转)Java中的static关键字解析
    (转)java字节流和字符流的区别
    (整理)MyBatis入门教程(一)
  • 原文地址:https://www.cnblogs.com/zzcit/p/7016579.html
Copyright © 2011-2022 走看看