Question

为何Chrome读取的CSS值和真实的数据不一样呢？

第一段是Chrome读取的数据第二段是真实的代码第三段是Firefox的代码

Answer 1

Chrome显示的是Style.css的第1982行，FireFox显示的是第1967行，不同的位置你比较个毛线啊？你再看看真实代码的第1982行是什么？

追问

Chrome显示CSS的行是编译过后的行，源文件有很多段内换行的。源文件对应的行不是那些代码。

追答

Chrome显示的“Style.css:1982”是指Style.css这个文件中的第1982行，是物理行号，不是编译后的行。你鼠标点一下“Style.css:1982”就会自动跳到这行的。
此外，你还要看看元素在页面上的最终显示效果，height是619px还是390px呢？

Answer 2

看图完全是读取的值不一样。
过去的经验
如果确认代码ok，部分浏览器显示ok，
1、那么请检查该浏览器是否屏蔽了什么字段？
2、必要时可以清除缓存和Cookie。

Answer 3

你要看清楚，google里面的类名对应吗？