`
Rainbow702
  • 浏览: 1065549 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类

网页常用的各种尺寸

阅读更多

//各种尺寸

s  +=  "\r\n网页可见区域宽:"+  document.body.clientWidth;  
s  +=  "\r\n网页可见区域高:"+  document.body.clientHeight;  
s  +=  "\r\n网页可见区域高:"+  document.body.offsetWidth  +"  (包括边线的宽)";  
s  +=  "\r\n网页可见区域高:"+  document.body.offsetHeight  +"  (包括边线的宽)";  
s  +=  "\r\n网页正文全文宽:"+  document.body.scrollWidth;  
s  +=  "\r\n网页正文全文高:"+  document.body.scrollHeight;  
s  +=  "\r\n网页被卷去的高:"+  document.body.scrollTop;  
s  +=  "\r\n网页被卷去的左:"+  document.body.scrollLeft;  
s  +=  "\r\n网页正文部分上:"+  window.screenTop;  
s  +=  "\r\n网页正文部分左:"+  window.screenLeft;  
s  +=  "\r\n屏幕分辨率的高:"+  window.screen.height;  
s  +=  "\r\n屏幕分辨率的宽:"+  window.screen.width;  
s  +=  "\r\n屏幕可用工作区高度:"+  window.screen.availHeight;  
s  +=  "\r\n屏幕可用工作区宽度:"+  window.screen.availWidth;  

分享到:
评论

相关推荐

    网页设计中常用的尺寸.doc

    网页设计中常用的尺寸.doc

    网页设计(尺寸大全)

    网页设计在初始要界定出网页的尺寸大小.就像绘画给出一块画版来.这样才能方便设计. 网页的尺寸受限于两个因素:一个是显示器屏幕.显示器现在种类很多,以17寸为主流, 正在朝19寸及宽屏的方向发展.但目前也有为数不少...

    网页常用小图标

    没有美工自己搜集的一些各个尺寸的png小图标

    常用网页设计像素标准

    许多的网页设计在进行网页布局设计时,进行界面网页的宽度尺寸设计都比较迷茫,800*600尺寸及1024*768尺寸的分辨率下,网页应该设计为多少像素才合适呢?

    软件开发常用图标

    54个网页设计中常用的3D水晶PNG图标 图标尺寸:64*64像素 图标数量:54个 小贴士:为了避免图标大小不一,影响美观,所以限制的图标的尺寸,您可以点击图标查看图标的实际尺寸

    网页设计中常用的度量单位的介绍与比较

    网页设计中有很多常用的度量单位。今天来介绍一下

    HTML5&CSS3网页制作:字体样式属性.pptx

    为了更方便的控制网页中各种各样的字体,CSS提供了一系列的字体样式属性。 6 @font-face属性用于定义服务器字体。 7 word-wrap属性用于长单词和URL地址的自动换行 1 font-size属性用于设置字号。 2 font-family属性...

    在图片加载完毕前js获取图片长宽尺寸

    目前我们常用的获取图片实际宽度高度的方法,要么是在DOM中写入,要么就是等图片加载完毕后才开始获取,用户体验极其不好,今天特意整理一个办法,可以让javascript在html加载完毕后就可以立即获取img文件的头数据...

    超好用的取色,屏幕尺,截图小工具

    常用的网页制作小工具,取色器可以获取任意点的颜色,屏幕像素测量尺可以测量网页中的元素像素大小,截图支持滚动截图并且支持编辑修改等简单的图像编辑,这些都是常用的网页制作工具,很实用哦~

    FSCapture网页截屏软件

    包括了全屏截取,当前活动窗口截取,截取选定区域,多边形截取和截取滚动页面等,基本上常用的都有了。特别是滚动截取,许多朋友为了这个功能不惜安装各种重量级的截屏软件,甚至四处下载各种软件的破解器。 取色器...

    27款经典的CSS框架小结 网页制作必备

    提供较为常用的尺寸来简化网页设计过程,使工作简单高效。 2. YUI 2: Grids CSS 芒果曾经介绍过由雅虎开发小组推出的 YUI,而这个 YUI Grids CSS 正是其中的一部分。作为最著名的 CSS 框架之一,YUI Grids CSS 提供...

    firefox 14 和网页开发的插件

    普通的一个网页在前端设计师 们眼中,不仅是单纯的文字图片,而是各种网页标签组成的结构图,但这些画面纯粹存在于设计师们的大脑中,X-Ray提供了一个让让它视觉化的方法,尤其是 在浏览别人的网站时尤其有用。...

    Google Chrome 6.0.451.0 Dev 版(一个由Google公司开发的网页浏览器)

     P.S 目前chrome已经可以通过各种扩展程序实现对IE内核网页的浏览,但还不能说chrome就是双内核浏览器。  常用插件  AdBlock -- 广告过滤,可以过滤掉绝大多数广告,本插件在Firefox就顶顶有名,安装量、热度也是...

    【 HTML资源】基于HTML、BootStrap实现的demo

    响应式设计:利用Bootstrap的响应式布局特性,Demo在不同尺寸的设备上都能保持良好的显示效果,适应各种屏幕尺寸。 丰富的组件:集成了Bootstrap提供的多种常用组件,如导航栏、按钮、表单、轮播图等,方便开发者...

    20多个CSS样式表精选案例(实用、常用案例)

    个人精心整理收藏,值得推荐!包括《网页设计标准尺寸》文档 搜索引擎 DIV层居中 无图片实现圆角框 精典布局等实用案例!无论新手老手都值得收藏!

    HTML5&CSS3网页制作:select元素.pptx

    常用属性 描述 size 指定下拉菜单的可见选项数(取值为正整数)。 multiple 定义multiple="multiple"时,下拉菜单将具有多项选择的功能,方法为按住Ctrl键的同时选择多项。 selected 定义selected =" selected

    JAVA毕业设计之springboot004网页时装购物系统(springboot+mysql)完整源码.zip

    性能优化:系统采用了缓存技术,对常用数据进行缓存,提高了系统的响应速度。总之,这个基于Spring Boot和MySQL的网页时装购物系统是一个功能完善、结构清晰的项目,适合作为计算机相关专业的毕业设计。通过这个项目...

Global site tag (gtag.js) - Google Analytics