如何查看对CSS样式进行更改的影响

Question

由于某个部分显示不正确，我的朋友请求了解他们的移动网站。 我发现某个div里面没有显示任何链接。使用Firefox，我可以看到以下内容正在发挥作用：

.panel-content a{display:none} 

现在，我不是CSS专家，客户端没有测试系统。有没有一种方法（或程序）可以用来扫描网站并查看此更改会影响到什么？

Answer 1

大多数浏览器允许您浏览源代码并尝试一些简单的更改。

例如在Chrome中，您可以使用F12支持开发人员工具。

我们只需右键单击要探索的元素并单击“检查元素”。

Answer 2

在Chrome中，为移动设备内置了仿真工具。如果你打开开发工具（视图>开发人员>开发人员工具），看一直到新面板的左上角，你会看到一个放大镜，然后是手机。点击电话。您可以从一堆不同的设置中进行选择。希望这可以帮助。