innerWidth outerWidth

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了innerWidth outerWidth相关的知识,希望对你有一定的参考价值。

在jQuery中:

一、width()方法用于获得元素宽度;

二、innerWidth()方法用于获得包括内边界(padding)的元素宽度;

三、outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度,如果outerWidth()方法的参数为true则外边界(margin)也会被包括进来,即获得包括外边框(margin)、内边界(padding)和边框(border)的元素宽度。同理,innerHeight方法与outerHeight方法也是用同样的方法计算相应的高度。

四、  所以说:对于同一个元素应该是:width()<=innerWidth()<=outerWidth()<=outerWidth(true);

 

 

技术交流QQ群:15129679

以上是关于innerWidth outerWidth的主要内容,如果未能解决你的问题,请参考以下文章

innerWidth 在移动设备上没有得到正确的宽度

关于offsetWidth innerWidth的使用

window.innerWidth 包括滚动条宽度

如何让 CSS 媒体查询与 jQuery $(window).innerWidth() 一起使用?

innerWidth outerWidth

WKWebView 的调整大小处理程序中未更新 window.innerWidth/Height