当前位置:  开发笔记 > 前端 > 正文

检查员中CSS属性的实际值如"auto","inherit"等?

如何解决《检查员中CSS属性的实际值如"auto","inherit"等?》经验,为你挑选了1个好方法。

有没有办法找出当CSS值设置为"auto"或类似时浏览器使用的实际值?我正在查看检查器中元素的计算CSS值,但它仍然显示"auto",我想确定确切的值.

更新:看起来大多数属性会自动计算,但有些则不会.以下是在查看计算面板时显示为"auto" 的属性示例:

最佳

底部

剩下

不知道为什么.

如果有人想知道,我甚至试图解决这个问题的原因是因为我目前正在使用旧版本的Bootstrap(v2.1.1)维护一个网站,它将.modal.fade.in的顶部设置为"auto"在浏览器中,宽度<768px.至少对我的浏览器来说,这会导致模态从视图中消失.所以我很自然地想知道模态的位置,并希望我能看到Chrome设定的实际值.

看起来(v2.2.x)中的一个变化正在改变顶部:自动到顶部:20px可能会解决问题.



1> Mosh Feu..:

在chrome中你有标签computed.你在那里看到那些价值观.

在此输入图像描述

计算选项卡

在此输入图像描述

http://jsbin.com/yefofe/edit?html,css,js,output

推荐阅读
吻过彩虹的脸_378
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有