问题描述
我正在创建一个页面，并希望具有与浏览器窗口大小相对应的CSS。是否有一个工具（也许在f12开发人员工具中？）可以在调整窗口大小时向我显示确切的像素，以便可以为该窗口大小设置特定的样式？
例如，我写：
@media ( max-width: 768px) { .picture-to-hide {display : none; } }
但是在测试我的页面时，我看到我想更早地隐藏图片。我怎么知道确切的像素？只是通过尝试不同数字的尝试失败方法？也许我可以在开发人员工具的某处看到像素？
提前谢谢！
解决方法
关于Windows 10上的显示，在笔记本电脑的“设置”面板中，您应该找到所有相关信息。要到达那里，请转到任务栏中的“搜索”面板，然后输入“显示”。
输入“显示”字词后，Windows建议打开“显示设置” 。然后选择“打开显示设置” 。系统将显示“显示”的所有选项。寻找“高级显示设置”。
在“高级显示设置”中，Windows会向您显示诸如显示器分辨率，视频卡型号，颜色格式和屏幕尺寸之类的信息。
如果您正在进行响应式设计，建议您尝试在mozilla firefox中尝试使用webdeveloper模式，在该模式下可以相应地更改屏幕大小。捷径可在mozilla firefox中切换至可重复使用的网页设计模式： Ctrl + Shift + M