一张图说明width、clientWidth、offsetWidth、scrollWidth对比
2018-08-29
1373
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
目录
相关文章
|
2月前
|
XML
存储
编解码
svg的viewBox、width和height的设置说明
svg的是没有边界的，svg画布只是用于展示svg世界中某一个范围的内容，而对于超过了svg画布范围的内容，则会被遮挡。默认svg画布默认显示世界坐标下原点坐标的width*height面积的矩形视野。
26
0
0
|
6月前
|
JavaScript
前端开发
height、clientHeight、scrollHeight、offsetHeight区别
height、clientHeight、scrollHeight、offsetHeight区别
29
0
0
|
前端开发
你知道offsetHeight、scrollHeight、clientHeight的区别吗？
前言
offsetHeight、scrollHeight、clientHeight这三个属性我们经常在开发中遇到，如果小伙伴们没有经常使用的话，很容易把这些属性搞混，比如说什么窗口高度、元素高度、内容高度等等。当然，现在的前端框架很多时候帮我们封装了这些属性，但是我们也不能太过依赖框架，底层的原理我们还是需要了解的，今天就来理一理这三个属性分别代表什么？
150
0
0
|
JavaScript
前端开发
你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗？
你记住JS中offsetWidth、clientWidth、width、scrollWidth、clientX、screenX、offsetX、pageX吗？
173
0
0
clientWidth与clientHeight，offsetWidth与offsetHeight
clientWidth与clientHeight，offsetWidth与offsetHeight
124
0
0
|
Web App开发
前端开发
iOS开发
CSS-边框底部宽度 | border-bottom-width
2033
0
0
|
API
编解码
clientHeight、offsetHeight、scrollHeight详解
网页可见区域宽： document.body.clientWidth;
网页可见区域高： document.body.clientHeight;
网页可见区域宽： document.body.offsetWidth (包括边线的宽);
网页可见区域高： document.
1434
0
0
|
Web App开发
容器
前端开发
|
前端开发
JavaScript