61,128
社区成员
发帖
与我相关
我的任务
分享请教一个前端的问题，一个inline-block的span 的 width的问题
一个inline-block的span 的 width显示是708， 但是整个body的宽为595.另外，firefox f12选中该span，在页面上显示的蓝色框框中提示 span._._f5|177.18x8
感觉页面上蓝色框框提示的宽x高是正确的。 但是这个宽177的数据是怎么来的呢？
感觉页面上蓝色框框提示的宽x高是正确的。 但是这个宽177的数据是怎么来的呢？
...全文
请发表友善的回复…
发表回复
alibazz 2019-01-03
- 打赏
- 举报
知道了， 后来查看到tm3的class属性是这样的
.m3 {
transform: matrix(0.250000,0.000000,0.000000,0.250000,0,0);
-ms-transform: matrix(0.250000,0.000000,0.000000,0.250000,0,0);
-webkit-transform: matrix(0.250000,0.000000,0.000000,0.250000,0,0);
表明x，y轴都缩放到原来的1/4， 那么刚搞对应就是 1416/4 = 354, 708/4 = 177
winzond 2019-01-02
- 打赏
- 举报
是否把伪元素合计在内？
alibazz 2019-01-02
- 打赏
- 举报
我贴张图吧，数据跟提的问题 不一致了，但是都是同样的问题。
从右边看 .-136 span的宽度是1416，而实际上左边的实际大小，浏览器提示说只有354.12？？
这个是怎么来的呢Huaihuai120715 2018-12-18
- 打赏
- 举报
记得上代码截图
